- 博客(27)
- 资源 (2)
- 收藏
- 关注
原创 Flutter showBottomSheet
showBottomSheet在底部弹出。例子:import 'package:flutter/material.dart';class BottomSheetDemo extends StatefulWidget { @override State<StatefulWidget> createState() => _BottomSheetDemo();}c...
2018-12-19 20:56:12
6339
10
原创 Flutter Widgets 之 Dialog 对话框
Flutter提供了showDialog函数显示一个对话框。showDialog:展示Material 控件showCupertinoDialog:ios样式对话框showGeneralDialog:自定义弹出的窗口,默认状态下弹出的窗口点击空白处不消失直接看例子:import 'package:flutter/material.dart';class DialogDemo exte...
2018-12-19 20:54:18
8048
2
原创 Flutter Date & Time Pickers 时间选择器
时间选择是一个函数而不是一个控件参数说明contextinitialDate初始化时间firstDate开始时间,时间控件选择器从这个时间开始lastDate结束时间initialDatePickerModeday:初始化显示天,year:初始化先选择年textDirection文本方向例子:import 'package:f...
2018-12-19 20:47:11
14610
原创 Flutter Slider
属性说明value控件的位置onChanged变化时回调onChangeStart滑动开始时回调一次onChangeEnd滑动结束时回调一次min最小值max最大值divisions分为几块,比如设置为5,Slider只能滑动到5个位置labeldivisions设置显示在节点上的labelactiveColor...
2018-12-19 20:39:05
4030
原创 Flutter Switch
Switch一个开关控件。属性说明valuetrue:开 false:关onChanged变化时回调activeColor打开状态下颜色activeTrackColor打开状态下track颜色inactiveThumbColor关闭状态thumb颜色inactiveTrackColor关闭状态track颜色activeThumb...
2018-12-19 20:32:00
4348
原创 Flutter Radio RadioListTile 单选框
Radio是单选框,和checkbox一样本身不包含状态,当groupValue = value时代表选中状态。属性说明value 、groupValue一起控制是否为选中状态,当groupValue = value时代表选中状态onChanged变化时回调activeColor激活状态下颜色materialTapTargetSize点击区域,通 c...
2018-12-19 20:22:31
14500
9
原创 Flutter Checkbox CheckboxListTile
Checkbox本身不包含任何状态,改变状态需要通过改变value的值改变。属性说明valuetrue:选中状态。false:不选中状态。null:只有在tristate=true时可设置此值tristate设置true时,value才能为null,代表当前控件的第三种状态onChanged变化时回调activeColor选中状态时的颜色mat...
2018-12-19 20:16:02
6802
原创 Flutter TextField
TextField 是一个输入文本的控件。属性说明controllercontroller是TextField的控制器,当TextField在编辑时回调,如果不设置则TextField默认创建自己的controller,重点是如果2个TextField使用一个controller,那么在一个中输入字符,另一个会同步。focusNode焦点控制,不设置 TextFie...
2018-12-18 21:50:07
7935
8
原创 Flutter Drawer
Drawer 是抽屉布局,一般情况下Scaffold一起使用。Drawer的属性就记住一个child就好,直接看使用:class MyDrawer extends StatefulWidget { @override _MainDrawer createState() => _MainDrawer();}class _MainDrawer extends State<...
2018-12-17 20:54:34
1592
原创 Flutter PopupMenuButton
属性说明itemBuilderitem子项initialValue初始值onSelected选择其中一项时回调onCanceled点击空白处,不选择时回调tooltip提示elevationZ轴阴影child子控件,不能和icon都设置iconIconButton子控件, 不能和child都设置除了和AppBar...
2018-12-17 20:47:29
8025
原创 Flutter TabBar TabBarView
TabBar 是一排水平的标签,可以来回切换,效果图:属性说明tabs一系列标签控件controller标签选择变化控制器isScrollable是否可滚动,默认falseindicatorColor指示器颜色indicatorWeight指示器粗细indicator指示器,可自定义形状等样式indicatorSize指示器...
2018-12-17 11:54:38
12135
原创 Flutter Widgets 之 BottomNavigationBar和BottomNavigationBarItem
BottomNavigationBar 底部导航控件属性说明BottomNavigationBarItem多个 item,iconSizeicon大小currentIndex默认选中第几个onTap选中变化回调fixedColortype=BottomNavigationBarType.fixed时选中字体的颜色type样式 fixe...
2018-12-14 20:23:23
2918
原创 Flutter Placeholder
Placeholder是一个占位控件,效果如下:属性说明color线条的颜色strokeWidth线条的宽度
2018-12-14 19:51:00
2083
原创 Flutter AppBar
AppBar 显示在app的顶部。AppBar包含5大部分,如下图:属性介绍:leading左上角的控件,一般放一个icon,位置如上图title标题,位置如上图actions一系列的组件,位置如上图flexibleSpace位置如上图bottom位置如上图elevation阴影Z轴backgroundColor背景颜色...
2018-12-14 19:47:18
7657
原创 Flutter Scaffold
Scaffold 是承载material design 控件的布局控件,可以展示drawers、snack bars、bottom sheets属性说明appBar显示在Scaffold 顶部body位置如下图floatingActionButton默认右下角的悬浮按钮floatingActionButtonLocation悬浮按钮位置,默认右下角...
2018-12-12 21:51:23
869
原创 Flutter IconButton FloatingActionButton DropdownButton RawMaterialButton
文章目录1、IconButton2、FloatingActionButton3、DropdownButton4、RawMaterialButton1、IconButton只介绍和RaisedButton属性不一样的地方,和RaisedButton属性一样的请看这:https://blog.csdn.net/mengks1987/article/details/84962742属性说...
2018-12-12 20:06:24
2870
原创 Flutter RaisedButton FlatButton OutlineButton ButtonBar
基本属性如下:onPressed点击时触发,如果不设置此属性 Button为不可用状态 onHighlightChanged高亮变化回调,参数:是否高亮,按下时高亮,抬起不高亮,textTheme字体theme,属性有:ButtonTextTheme.normal、ButtonTextTheme.accent、ButtonTextTheme.primary ...
2018-12-11 22:10:06
2636
原创 Flutter Icon
Icon用于加载小图标,Flutter已经内置了很多iconclass IconDemo extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return Icon(Icons.add); }}icon可以在这里查找:...
2018-12-10 22:50:00
3879
原创 Flutter Image
文章目录1、加载网络图片2、加载本地图片1、设置pubspec.yaml2、Image.asset 加载3、加载sd卡上的图片1、通过path_provider获取本地路径4、几个常用的属性1、fit2、colorBlendMode3、repeat1、加载网络图片Image.network( 'http://pic1.win4000.com/pic/c/cf/cdc9836...
2018-12-10 22:31:10
4755
3
原创 Flutter系列总览
第一章:Flutter介绍Flutter 入门一:环境安装Flutter 入门二:创建新的项目、打开现有项目Flutter 入门三:混合开发Flutter 入门四:Flutter vs React Native第二章:Flutter 常用控件介绍Flutter 布局控件一:Container Padding Center Align FittedBox AspectRatio Cons...
2018-12-07 08:07:20
3765
原创 Flutter 多个子控件的容器 Row Column GridView ListView Expanded ExpansionTile
文章目录1、Row和Column2、GridView3、ListView4、Expanded5、ExpansionTile1、Row和ColumnRow:水平方向布局Column:垂直方向布局2个控件的属性基本一样属性说明mainAxisAlignment主轴方向对齐,Row的主轴方向是水平,Column的主轴是垂直方向。具体参考下面的MainAxisAlignme...
2018-12-07 07:52:41
3181
原创 Flutter 常用的单个子控件的容器 Container Padding Center Align FittedBox AspectRatio ConstrainedBox
文章目录1、Container1、Container
2018-12-06 21:24:30
1626
原创 Flutter UnderlineTabIndicator BoxDecoration ShapeDecoration FlutterLogoDecoration
文章目录1、UnderlineTabIndicator2、BoxDecoration3、ShapeDecoration4、FlutterLogoDecoration1、UnderlineTabIndicator用于TabBar 下面的指示线,当然也可以用于Container等容器。Container( width: 300, height: 100, pa...
2018-12-06 15:31:12
1954
原创 Flutter Alignment FractionalOffset AlignmentDirectional
文章目录1、Alignment2、FractionalOffset3、AlignmentDirectional1、Alignment const Alignment(this.x, this.y) : assert(x != null), assert(y != null);参数x:-1:最左边 1:最右边 0:中间参数y:-1:最上边 1:最下边 0:中间比如:A...
2018-12-06 13:44:34
1502
原创 Flutter Text
文章目录1、Text2、TextStyle3、textSpan学习一个Widget的使用最好的办法就是直接看源码的注释,基本的用法里面都介绍清楚了。Text有2个构造函数,属性仅仅有9个,非常简单的一个控件。1、Text属性说明textAlign对齐:left、start、right、end、center、justifytextDirectionTextD...
2018-12-05 14:07:21
2528
4
原创 Flutter Color的使用
4种定义Color的方式:Color c = const Color(0xFF42A5F5);//16进制的ARGBColor c = const Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5);Color c = const Color.fromARGB(255, 66, 165, 245);Color c = const Color.fromRGBO(66...
2018-12-05 09:49:29
12320
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝