`
iaiai
  • 浏览: 2195619 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flutter中SnackBar使用

阅读更多
底部弹出,然后在指定时间后消失。

注意:
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就可以了
分享到:
评论

相关推荐

    Flutter SnackBar 提示信息

    SnackBar是用户操作后,显示提示信息的一个控件,类似Toast,会自动隐藏。它还可以添加操作按钮,等等。SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。 当Build...

    Flutter-Snackbar:颤抖小吃店

    在Flutter框架中,SnackBar是Material Design组件库的一部分,它使用Dart语言编写。Dart是一种由Google开发的面向对象的、现代的、高性能的编程语言,特别适合构建移动、Web和服务器端的应用程序,包括Flutter这样的...

    Android中如何指定SnackBar在屏幕的位置及小问题解决

    然后,在代码中创建SnackBar时,使用`myCoordinatorLayout`作为参数传递给`Snackbar.make()`方法: ```java final View viewPos = findViewById(R.id.myCoordinatorLayout); Snackbar.make(viewPos, R.string....

    flutter_widgets.zip

    在"flutter_widgets.zip"这个压缩包中,你将找到一系列关于Flutter常用组件的示例代码,这对于初学者来说是极好的学习资源。 首先,我们来看看基础组件。在Flutter中,Widgets是构建UI的基本单元,它们负责定义应用...

    flutter_blbl.zip

    4. **图标展示**:在Flutter中,我们可以使用Icon Widget展示矢量图标。B站页面中的图标,如登录/注册切换、忘记密码等,可以通过Material Design的图标库获取。 5. **状态管理**:在处理用户输入时,状态管理是...

    Flutter V0.5.1 标准课程第三章 Flutter进阶质感设

    Flutter V0.5.1 标准课程第三章 Flutter进阶质感设计-SnackBar

    flutter_client_php_backend:示例应用程序演示了Flutter Framework如何使用PHP中创建的Rest API创建Android和IOS应用程序

    Flutter Client PHP后端演示使用Flutter和PHP的应用程序。 使用创建的应用对于托管使用的建于跨平台应用开发框架屏幕截图如何使用这个程序。 在虚拟主机上托管包含的示例使用在数据库内部创建表如果您使用自己的网站...

    Flutter中如何使用WillPopScope的示例代码

    Flutter中使用WillPopScope示例代码详解 在Flutter中,WillPopScope是一个非常重要的Widget,它可以帮助我们处理页面的返回按钮事件。下面我们将详细介绍如何使用WillPopScope来实现各种功能。 一、WillPopScope的...

    flutter_app_sample:flutter应用程序示例

    AiAwesomeMessage:替换Toast和SnackBar,可在多个消息库中使用 AiAwesomeMessage:替换Toast和SnackBar,可在多个消息库中使用 包装/插件 描述 链接 url_launcher:启动一个可在多个终端上用于电话,SMS,电子...

    flutter-architecture:使用Get_It,状态管理,SQFlite,Dio,StorageHelper,ConnectionHelper,自定义小部件等使用MVVM for Flutter清理架构

    Flutter架构 考虑到生产率和易于维护,使该项目结构成为可能。 它带来了什么? 清洁架构和MVVM Get_It用于依赖项注入 对于状态管理,您有两个选择: BRANCH master -&gt; RxDart BRANCH mobx -&gt; Mobx SQFlite与...

    material-components-flutter:用于Flutter的模块化和可自定义的Material Design UI组件

    《Flutter中的Material Components:构建模块化与自定义UI的宝典》 在移动应用开发领域,Flutter以其高效、跨平台的特性受到了广泛的关注。而当我们谈论Flutter中的UI设计时,不得不提到一个重要的库——`material-...

    flutter-notes-app:基于Fluttter的笔记应用程序,支持照片笔记!

    它是使用Dart在Google Flutter Framework之上构建的。 Tizeno可以帮助您创建快速笔记,照片笔记等。 可以更改便笺的颜色,将其标记为已加星标或已存档,创建照片便笺并将其保存在本地,并将所有内容存储在SQLite...

    snackbar_sample

    总结起来,`snackbar_sample`项目是一个关于如何在Flutter应用中使用Dart语言创建和展示`SnackBar`的示例。通过学习这个项目,开发者可以了解`SnackBar`的基本用法、自定义样式以及与`Scaffold`的交互方式,这对于...

    flutter_basic:Flutter基础入门

    为初学者列出Flutter Basic: 输入小部件:表单,TextFormField SnackBar:全局,可重复使用Box装潢旋转盒ListView水平SingleChildScrollView 网格视图PageView:PageController,viewportFraction BackdropFilter:...

    flutter-material-cheat-sheet:Flutter的Material包装的备忘单

    `flutter-material-cheat-sheet-master`这个压缩包很可能包含了以上组件的示例代码和详细说明,帮助开发者直观理解如何在实际项目中使用这些组件。通过学习和参考这个备忘单,开发者可以快速提升在Flutter中实现...

    Flutter-FormSignUp-Basic:Membuat表单签约Dan Tampilan Hasilnya,Ini Masih Sekedar Pembuatan UI

    在这个项目中,我们主要关注的是UI(用户界面)的开发,使用了谷歌的跨平台移动开发框架——Flutter。Flutter以其高效的开发速度、丰富的自定义能力和精美的视觉效果闻名,而表单设计是移动应用中常见的功能,用于...

    Flutter-SharedPreferences-example

    本文将深入探讨如何在Flutter应用中使用`SharedPreferences`来存储和读取数据,以及其在实际项目中的应用。 `SharedPreferences`是Flutter提供的一个用于存储键值对的简单接口,支持的基本数据类型包括字符串、整型...

    flukitFlutterUIKit是一个FlutterWidget库

    在提供的`flukit-master`压缩包中,通常会包含源码、示例项目、文档等内容,开发者可以通过阅读源码了解组件的实现细节,查看示例以了解如何在项目中使用,查阅文档以获取组件的API说明。 总的来说,`flukit`是...

    double_back_to_close_app:Flutter套件,可让Android用户按下后退按钮两次以关闭应用程序

    double_back_to_close_app Flutter套件,可让Android用户按下两次后退按钮以关闭应用程序。用法在包裹所有小部件的Scaffold内,放置传递SnackBar的DoubleBackToCloseApp : class MyApp extends StatelessWidget { @...

Global site tag (gtag.js) - Google Analytics