Flutter 中SimpleDialog简单弹窗使用
import 'package:flutter/material.dart'; import 'dart:async'; enum Option { A, B, C } class SimpleDialogDemo extends StatefulWidget { @override _SimpleDialogDemoState createState() => _SimpleDialogDemoState(); } class _SimpleDialogDemoState extends State<SimpleDialogDemo> { String _choice = 'Nothing'; Future _openSimpleDialog() async { final option = await showDialog( context: context, builder: (BuildContext context) { return SimpleDialog( title: Text('SimpleDialog'), children: <Widget>[ SimpleDialogOption( child: Text('Option A'), onPressed: () { Navigator.pop(context, Option.A); }, ), SimpleDialogOption( child: Text('Option B'), onPressed: () { Navigator.pop(context, Option.B); }, ), SimpleDialogOption( child: Text('Option C'), onPressed: () { Navigator.pop(context, Option.C); }, ), ], elevation: 100.0, ); } ); switch (option) { case Option.A: setState(() { _choice = 'A'; }); break; case Option.B: setState(() { _choice = 'B'; }); break; case Option.C: setState(() { _choice = 'C'; }); break; default: } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('SimpleDialogDemo'), elevation: 0.0, ), body: Container( padding: EdgeInsets.all(16.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text('Your choice is: $_choice'), Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ ], ), ], ), ), floatingActionButton: FloatingActionButton( child: Icon(Icons.format_list_numbered), onPressed: _openSimpleDialog, ), ); } }
效果图:
API文档:https://api.flutter.dev/flutter/material/SimpleDialog-class.html
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!
posted on 2019-08-05 09:05 LoaderMan 阅读(1534) 评论(0) 编辑 收藏 举报