Диалог оповещений на onTap на ListTile

Question

Как я могу создать AlertDialog, нажав / нажав на ListTile. В настоящее время я делаю это, и ничего не происходит, когда на него нажимают.

body: ListView(
        children: <Widget>[
          ListTile(
            title: Text('Theme'),
            onTap: (){
              AlertDialog(
                title: Text('Hi'),
              );
            },
          )
        ],
      ),

PS: Я нуб, пожалуйста, go Полегче со мной.

Answer 1

Измените ListTile с помощью этого.

ListTile(
  title: Text('Theme'),
  onTap: () {
    showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('Alert Dialog Example'),
            content: Text('Alert Dialog Body Goes Here  ..'),
            actions: <Widget>[
              FlatButton(
                  onPressed: () => Navigator.of(context).pop(),
                  child: Text('OK')),
            ],
          );
        });
  },
)

Я также добавил некоторые свойства для использования AlertDialog(), например title , content и действия

Answer 2

вы очень близки, вы создали диалог, просто нужно показать его:

body: ListView(
        children: <Widget>[
          ListTile(
            title: Text('Theme'),
            onTap: () {
              AlertDialog alert = AlertDialog(
                title: Text('Hi'),
              );
              showDialog(
                context: context,
                builder: (BuildContext context) {
                  return alert;
                },
              );
            },
          )
        ],
      ),