自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

老孟Flutter

出版《Flutter 实战入门》一书,专注分享Flutter原理及实践应用,个人博客地址:http://laomengit.com

  • 博客(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 7727 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 9106 2

原创 Flutter Date & Time Pickers 时间选择器

时间选择是一个函数而不是一个控件参数说明contextinitialDate初始化时间firstDate开始时间,时间控件选择器从这个时间开始lastDate结束时间initialDatePickerModeday:初始化显示天,year:初始化先选择年textDirection文本方向例子:import 'package:f...

2018-12-19 20:47:11 16247

原创 Flutter Slider

属性说明value控件的位置onChanged变化时回调onChangeStart滑动开始时回调一次onChangeEnd滑动结束时回调一次min最小值max最大值divisions分为几块,比如设置为5,Slider只能滑动到5个位置labeldivisions设置显示在节点上的labelactiveColor...

2018-12-19 20:39:05 4568

原创 Flutter Switch

Switch一个开关控件。属性说明valuetrue:开 false:关onChanged变化时回调activeColor打开状态下颜色activeTrackColor打开状态下track颜色inactiveThumbColor关闭状态thumb颜色inactiveTrackColor关闭状态track颜色activeThumb...

2018-12-19 20:32:00 4979

原创 Flutter Radio RadioListTile 单选框

Radio是单选框,和checkbox一样本身不包含状态,当groupValue = value时代表选中状态。属性说明value 、groupValue一起控制是否为选中状态,当groupValue = value时代表选中状态onChanged变化时回调activeColor激活状态下颜色materialTapTargetSize点击区域,通 c...

2018-12-19 20:22:31 16355 9

原创 Flutter Checkbox CheckboxListTile

Checkbox本身不包含任何状态,改变状态需要通过改变value的值改变。属性说明valuetrue:选中状态。false:不选中状态。null:只有在tristate=true时可设置此值tristate设置true时,value才能为null,代表当前控件的第三种状态onChanged变化时回调activeColor选中状态时的颜色mat...

2018-12-19 20:16:02 7930

原创 Flutter TextField

TextField 是一个输入文本的控件。属性说明controllercontroller是TextField的控制器,当TextField在编辑时回调,如果不设置则TextField默认创建自己的controller,重点是如果2个TextField使用一个controller,那么在一个中输入字符,另一个会同步。focusNode焦点控制,不设置 TextFie...

2018-12-18 21:50:07 8788 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 1686

原创 Flutter PopupMenuButton

属性说明itemBuilderitem子项initialValue初始值onSelected选择其中一项时回调onCanceled点击空白处,不选择时回调tooltip提示elevationZ轴阴影child子控件,不能和icon都设置iconIconButton子控件, 不能和child都设置除了和AppBar...

2018-12-17 20:47:29 10159 1

原创 Flutter TabBar TabBarView

TabBar 是一排水平的标签,可以来回切换,效果图:属性说明tabs一系列标签控件controller标签选择变化控制器isScrollable是否可滚动,默认falseindicatorColor指示器颜色indicatorWeight指示器粗细indicator指示器,可自定义形状等样式indicatorSize指示器...

2018-12-17 11:54:38 14813

原创 Flutter Widgets 之 BottomNavigationBar和BottomNavigationBarItem

BottomNavigationBar 底部导航控件属性说明BottomNavigationBarItem多个 item,iconSizeicon大小currentIndex默认选中第几个onTap选中变化回调fixedColortype=BottomNavigationBarType.fixed时选中字体的颜色type样式 fixe...

2018-12-14 20:23:23 3033

原创 Flutter Placeholder

Placeholder是一个占位控件,效果如下:属性说明color线条的颜色strokeWidth线条的宽度

2018-12-14 19:51:00 2393

原创 Flutter AppBar

AppBar 显示在app的顶部。AppBar包含5大部分,如下图:属性介绍:leading左上角的控件,一般放一个icon,位置如上图title标题,位置如上图actions一系列的组件,位置如上图flexibleSpace位置如上图bottom位置如上图elevation阴影Z轴backgroundColor背景颜色...

2018-12-14 19:47:18 8369

原创 Flutter Scaffold

Scaffold 是承载material design 控件的布局控件,可以展示drawers、snack bars、bottom sheets属性说明appBar显示在Scaffold 顶部body位置如下图floatingActionButton默认右下角的悬浮按钮floatingActionButtonLocation悬浮按钮位置,默认右下角...

2018-12-12 21:51:23 924

原创 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 3104

原创 Flutter RaisedButton FlatButton OutlineButton ButtonBar

基本属性如下:onPressed点击时触发,如果不设置此属性 Button为不可用状态 onHighlightChanged高亮变化回调,参数:是否高亮,按下时高亮,抬起不高亮,textTheme字体theme,属性有:ButtonTextTheme.normal、ButtonTextTheme.accent、ButtonTextTheme.primary ...

2018-12-11 22:10:06 2709

原创 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 4470

原创 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 5340 4

原创 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 4039

原创 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 3699

原创 Flutter 常用的单个子控件的容器 Container Padding Center Align FittedBox AspectRatio ConstrainedBox

文章目录1、Container1、Container

2018-12-06 21:24:30 1704

原创 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 2145

原创 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 1641

原创 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 2741 5

原创 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 13659 3

原创 Flutter 混合开发

文章目录1、双分支、aar的形式2、flutter模式1、双分支、aar的形式2、flutter模式

2018-12-03 15:38:21 1727

RN与android混合开发及RN调用原生方法

RN与android混合开发及RN调用原生方法

2017-04-06

react-native 相册(全选、删除、分享)

这个项目实现了本地图片、视频的展示,图片、视频的全选、删除功能

2017-07-07

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除