底部弹出,然后在指定时间后消失。
注意:
build(BuildContext context)在 Scaffold之前时,会报错,解决办法:
通过build widget来解决,如下代码。
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('BottomNavigationBar Sample'),
),
body: Center(
child: new ListView(
children: <Widget>[
new FlatButton(
onPressed: null,
child: new Text('我是按钮'),
),
new Builder(builder: (BuildContext context) {
return new Center(
child: new GestureDetector(
onTap: () {
final mySnackBar = SnackBar(
content: new Text('我是SnackBar'),
backgroundColor: Colors.red,
duration: Duration(seconds: 1),
action: new SnackBarAction(label: '我是scackbar按钮', onPressed: () {
print('点击了snackbar按钮');
}),
);
Scaffold.of(context).showSnackBar(mySnackBar);
},
child: new Text('点我显示SnackBar'),
),
);
}),
],
),
),
);
}
}
就是在组件外面嵌套一层new Builder(builder: (BuildContext context) {})即可,用这个context就可以了
分享到:
相关推荐
SnackBar是用户操作后,显示提示信息的一个控件,类似Toast,会自动隐藏。它还可以添加操作按钮,等等。SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。 当Build...
Flutter SnackBar *扑扑小吃店 参考: :
Flutter V0.5.1 标准课程第三章 Flutter进阶质感设计-SnackBar
Flutter Client PHP后端演示使用Flutter和PHP的应用程序。 使用创建的应用对于托管使用的建于跨平台应用开发框架屏幕截图如何使用这个程序。 在虚拟主机上托管包含的示例使用在数据库内部创建表如果您使用自己的网站...
AiAwesomeMessage:替换Toast和SnackBar,可在多个消息库中使用 AiAwesomeMessage:替换Toast和SnackBar,可在多个消息库中使用 包装/插件 描述 链接 url_launcher:启动一个可在多个终端上用于电话,SMS,电子...
Flutter架构 考虑到生产率和易于维护,使该项目结构成为可能。 它带来了什么? 清洁架构和MVVM Get_It用于依赖项注入 对于状态管理,您有两个选择: BRANCH master -> RxDart BRANCH mobx -> Mobx SQFlite与...
为初学者列出Flutter Basic: 输入小部件:表单,TextFormField SnackBar:全局,可重复使用Box装潢旋转盒ListView水平SingleChildScrollView 网格视图PageView:PageController,viewportFraction BackdropFilter:...
它是使用Dart在Google Flutter Framework之上构建的。 Tizeno可以帮助您创建快速笔记,照片笔记等。 可以更改便笺的颜色,将其标记为已加星标或已存档,创建照片便笺并将其保存在本地,并将所有内容存储在SQLite...
double_back_to_close_app Flutter套件,可让Android用户按下两次后退按钮以关闭应用程序。用法在包裹所有小部件的Scaffold内,放置传递SnackBar的DoubleBackToCloseApp : class MyApp extends StatelessWidget { @...
flutter_app一个新的Flutter应用程序。入门该项目是Flutter应用程序的起点。如果这是您的第一个Flutter项目,那么有一些资源可以帮助您入门:要获得Flutter入门方面的帮助,请查看我们的,其中提供了教程,示例,...
在本地计算机上运行应用程序克隆存储库和用户 flutter run热加载项目新闻, r你会学什么如何使用ListView.Builder()制作ListView 实现SwipeToDismiss 在滑动ListView项时显示SnackBar由__建造另一个人。