我也要用- 博客(27)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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的粉丝