snackbar

注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户，比如‘网络连接失败’、‘下载成功’等提示，就像Android 等Toast，在Flutter中使用SnackBar组件，用法如下： Scaffold.of(context).showSnackBar(SnackBar( content: Text('老孟，一枚有态度的程序员'), )); 注意并不是在build方法中直接使用SnackBar组件，而是调用 Scaffold.of(context).showSnackBar 方法，消息会在底部弹出并显示一段时间，默认显示4秒，然后弹出，我们可以设置其显示的时间： Scaffold.of(context).showSnackBar(SnackBar( duration: Duration(seconds: 1), )); 显示的时间为1秒， content 属性不一定是文字，也可以是其他组件，比如显示一个图标和文字： Scaffold.of(context).showSnackBar(SnackBar( content: Row( children: <Widget>[ Icon(Icons.check,color: Colors.green,),

注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户，比如‘网络连接失败’、‘下载成功’等提示，就像Android 等Toast，在Flutter中使用SnackBar组件，用法如下： Scaffold.of(context).showSnackBar(SnackBar( content: Text('老孟，一枚有态度的程序员'), )); 注意并不是在build方法中直接使用SnackBar组件，而是调用 Scaffold.of(context).showSnackBar 方法，消息会在底部弹出并显示一段时间，默认显示4秒，然后弹出，我们可以设置其显示的时间： Scaffold.of(context).showSnackBar(SnackBar( duration: Duration(seconds: 1), )); 显示的时间为1秒， content 属性不一定是文字，也可以是其他组件，比如显示一个图标和文字： Scaffold.of(context).showSnackBar(SnackBar( content: Row( children: <Widget>[ Icon(Icons.check,color: Colors.green,),

在上一篇文章中以简单的方式对Flutter自己提供的演示进行了一个简单的分析，当然那是远远不够。本来打算为大家带来官网上的无限下拉刷新的案例，但是发现这里的有些东西实在是太超前了，作为Flutter入门篇，当然不能这么随意，以为了让大家都能够学有所得，所以今天给大家带来了自己手撸的一个登录。 简单分析布局 我们都知道，一个简单的登录需要至少需要3步： 输入账号 输入密码 点击登录 那么我们的布局也就至少需要3个 widget ，为什么说至少呢？因为往往布局使用的 widget 都是大于操作步骤的。这里跟大家分享我的布局大概有这么几个： 整个外层框框，就是那个淡红色的渐变底色，是一个容器 widget ，可以包裹里面的所有内容。 在这里面是一个纵向的布局 widget ，让所有的内容成纵向排列。 里面输入手机号和输入密码那里都是=容器，可以包裹输入框。为什么要使用这个容器呢，直接使用输入 widget 不好吗？这里容许我先买个关子~~ 接下来就是一个按钮 最后就是显示文字的布局 Scaffold 为什么要讲解这个呢？这是因为它是实现了 Mataril Design 的一种简单的“脚手架”，有些也叫“支架”，通过这个翻译也就知道了，其实它就是向我们提供了简单的框架，我们直接使用它就行了。那么问题来了，我们可不可以不使用它呢？当然是可以的，但是不建议这样做，因为我们后面需要使用的很多