web-dev-qa-db-ja.com

flutterのalertdialogを更新する方法

現在、IconButtonでAlertDialogを開きます。ユーザーはこのIconButtonをクリックできます。クリックごとに2つの色があります。問題は、AlertDialogを閉じて再度開き、色アイコンの状態の変化を確認する必要があることです。 AlertButtonを開いてIconButtonをクリックし、色を変更するだけです。

コードは次のとおりです。

                         bool pressphone = false;
                            //....
                          new IconButton(
                            icon: new Icon(Icons.phone),
                            color: pressphone ? Colors.grey : Colors.green,
                            onPressed: () => setState(() => pressphone = !pressphone),
                          ),
colorsflutterandroid-alertdialogflutter-layout
10
Nitneuq

これは、AlertDialogを独自のStatefulWidgetに入れ、そこにある色のすべての状態操作ロジックを移動する必要があるためです。

更新：

enter image description here

void main() => runApp(MaterialApp(home: Home()));

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
            child: RaisedButton(
      child: Text('Open Dialog'),
      onPressed: () {
        showDialog(
            context: context,
            builder: (_) {
              return MyDialog();
            });
      },
    )));
  }
}

class MyDialog extends StatefulWidget {
  @override
  _MyDialogState createState() => new _MyDialogState();
}

class _MyDialogState extends State<MyDialog> {
  Color _c = Colors.redAccent;
  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      content: Container(
        color: _c,
        height: 20.0,
        width: 20.0,
      ),
      actions: <Widget>[
        FlatButton(
            child: Text('Switch'),
            onPressed: () => setState(() {
                  _c == Colors.redAccent
                      ? _c = Colors.blueAccent
                      : _c = Colors.redAccent;
                }))
      ],
    );
  }
}
15
aziza
showDialog(
  context: context,
  builder: (context) {
    String contentText = "Content of Dialog";
    return StatefulBuilder(
      builder: (context, setState) {
        return AlertDialog(
          title: Text("Title of Dialog"),
          content: Text(contentText),
          actions: <Widget>[
            FlatButton(
              onPressed: () => Navigator.pop(context),
              child: Text("Cancel"),
            ),
            FlatButton(
              onPressed: () {
                setState(() {
                  contentText = "Changed Content of Dialog";
                });
              },
              child: Text("Change"),
            ),
          ],
        );
      },
    );
  },
);
10
malibayram91

現在、私が使用するダイアログの値を取得する

showDialog().then((val){
setState (() {}); 
print (val);
});

例1の画面

    onPressed: () { 
    showDialog(
       context: context,
       barrierDismissible: false,
       builder: (context) {
         return AddDespesa();
       }).then((val) {
         setState(() {});
         print(val);
        }
    );
   }

2番目の画面

AlertDialog(
    title: Text("Sucesso!"),
    content: Text("Gasto resgristrado com sucesso"),
    actions: <Widget>[
    FlatButton(
      child: Text("OK"),
      onPressed: () {
         Navigator.pop(context, true);
      },
     ),
   ],
 );

真に印刷されます

0
user11771826