美文网首页Flutter开发圈
Flutter中CupertinoAlertDialog使用

Flutter中CupertinoAlertDialog使用

作者: xmb | 来源:发表于2019-01-21 16:52 被阅读864次

    CupertinoAlertDialog

    class _MyHomePageState extends State<MyHomePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('BottomNavigationBar Sample'),
          ),
          body: new ListView(
            children: <Widget>[
              new CupertinoButton(child: Text('button'), onPressed: _showAlert),
            ],
          ),
        );
      }
    
      Future<void> _showAlert() async {
        return showDialog<void>(
          context: context,
          barrierDismissible: false,
          builder: (BuildContext context) {
            return CupertinoAlertDialog(
              title: Text('我是title'),
              content: Text('我是content'),
              actions: <Widget>[
                new CupertinoButton(onPressed: () {
                  Navigator.of(context).pop();
                }, child: Text('取消')),
                new CupertinoButton(onPressed: () {
                  Navigator.of(context).pop();
                }, child: Text('确认')),
              ],
            );
          }
        );
      }
    }
    

    结果:


    Simulator Screen Shot - iPhone XS - 2019-01-21 at 16.49.09.png

    相关文章

      网友评论

        本文标题:Flutter中CupertinoAlertDialog使用

        本文链接:https://www.haomeiwen.com/subject/swocjqtx.html