![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
ClearLiang
这个作者很懒,什么都没留下…
展开
-
Flutter-Text
Flutter组件之Text属性必选1. data => String 所显示的文字可选1. textAlign => TextAlign 文本对齐 2. maxLines => int 最大行数 3. overflow => TextOverflow 如何处理视觉溢出 (省略号等)4. style => T...原创 2019-06-04 18:11:52 · 136 阅读 · 0 评论 -
Flutter-跳转
Flutter组件之跳转##页面跳转:打开并跳转到子页面,点击返回或者左上角箭头都会返回到父页面(并未消失),常用来展示物品详情例子// 跳转RaisedButton( child: Text("查看商品详情页"), onPressed: () { Navigator.push(context, MaterialPageRoute(builder: (co...原创 2019-06-04 18:16:00 · 369 阅读 · 0 评论 -
Flutter-Stack
Flutter组件之Stack叠层组件属性叠层的实现是从上到下,即越往下的组件越在界面最上面必选1. children => List<Widget> 所包含的组件(孩子)可选1. alignment => Alignment 子组件的布局(即孩子在容器内的对齐)例子// 最底层是250*250的白色底色,上一层是背景为红橙黄渐变色的组...原创 2019-06-04 18:15:29 · 592 阅读 · 0 评论 -
Flutter-定位
Flutter组件之定位##定位方式一:可以在所需组件外层包裹一个Container,利用alignment: FractionalOffset(x, y)进行定位例子Container( padding: EdgeInsets.all(5.0), alignment: FractionalOffset(0.5, 0.8), decoration: BoxDecorat...原创 2019-06-04 18:15:05 · 1580 阅读 · 0 评论 -
Flutter-保存状态
Flutter之保存状态##保存状态:在页面A进行界面操作后,跳转到其他界面B,再返回页面A时,页面A仍是离开前的状态步骤既然是保存状态,所以要使用 StatefulWidget继承 State 的同时需要使用 with 引入状态函数 AutomaticKeepAliveClientMixin定义状态值,重写状态函数 wantKeepAlive ,返回 true编写状态改变...原创 2019-06-04 18:14:38 · 2476 阅读 · 0 评论 -
Flutter-ListView
Flutter组件之ListViewListView的使用分为静态和动态:静态:固定写死的ListView动态:从外部动态获取数据显示在List静态简介:直接建立ListView并填写好参数必选1. children => List<Widget> 组件数组可选1. scrollDirection => Axis 滚动方向(水平还...原创 2019-06-04 18:14:16 · 274 阅读 · 0 评论 -
Flutter-Image
Flutter组件之Image属性创建方式:一般使用network来创建Imagenew Image => 从ImageProvider获取图片资源new Image.asset => 从本地获取图片资源new Image.network => 从网络获取图片资源new Image.file => 从手机本地文件获取图片资源new Ima...原创 2019-06-04 18:13:44 · 183 阅读 · 0 评论 -
Flutter-GridView
Flutter组件之GridView##创建方式一:GridView.count(crossAxisCount);GridView.custom(gridDelegate, childrenDelegate);GridView.builder(gridDelegate, itemBuilder);GridView.extent(maxCrossAxisExtent);GridV...原创 2019-06-04 18:13:16 · 384 阅读 · 0 评论 -
Flutter-Container
Flutter组件之Container属性必选1. Widget => child 所包含的组件(孩子)可选1. width、height => double 宽高值,注意加.0(例如25.0)2. alignment => Alignment 子组件的布局(即孩子在容器内的对齐)3. color => Color 背景颜色4...原创 2019-06-04 18:12:52 · 81 阅读 · 0 评论 -
Flutter-与原生交互
Flutter之与Android原生交互交互方式Flutter与原生的交互可以使用 BasicChannel、MethodChannel、EventChannel 三种BasicChannel:通过send和onMessage方法进行发送和接收数据,该“通道”常用于字符串、半结构体的通信MethodChannel:通过“通道”中注册的方法进行调用,常用于两端的方法调用,例如To...原创 2019-06-04 18:16:22 · 578 阅读 · 1 评论