如何在Flutter中解除showDialog之后的运行代码？

2 回答

• 5

  这实际上取决于您想要的更新类型 .

  但是，这是一个可以帮助您解决问题的简单示例 .

  

  class Home extends StatefulWidget {
    @override
    _HomeState createState() => new _HomeState();
  }
  
  class _HomeState extends State<Home> {
    String _homeData = "initial data";
  
    @override
    Widget build(BuildContext context) {
      return new Scaffold(
        body: new Center(
          child: new Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              new Text(_homeData),
              new RaisedButton(
                child: new Text("Show Dialog"),
                onPressed: ()async{
                  bool shouldUpdate = await showDialog(context: this.context,
                 child:new AlertDialog(
                   content: new FlatButton(child: new Text("update home",),
                   onPressed:()=>Navigator.pop(context,true) ,),
                 ));
                 setState((){
                   shouldUpdate?this._homeData = "updated":null;
                 });
                 }
              )
            ],
          ),
        ),
      );
    }
  }
  

  回复于 2024-05-21T16:52:33+08:00
• 2

  移动应用程序通常通过名为"screens"或"pages"的全屏元素显示其内容 . 在Flutter中，这些元素称为路径，它们由 Navigator 小部件管理 . 导航器管理一堆Route对象，并提供管理堆栈的方法，如 Navigator.push 和 Navigator.pop .

  showDialog(
              context: context,
              child: new AlertDialog(
                  title: const Text("Your Title"),
                  content: const Text(
                    ...
                     Your Message
                    ...),
                  actions: [
                  new FlatButton(
                    child: const Text("Ok"),
                    onPressed: () => Navigator.pop(context),
                  ),
                ],
              ),
          );
  

  你可以查看Official Document

  回复于 2024-05-21T16:52:33+08:00