- 博客(144)
- 资源 (57)
- 收藏
- 关注
RSS订阅原创 Flutter 通过TabController 定义TabBar
语法使用页面必须继承StatefulWidget 页面必须实现SingleTickerProviderStateMixin 页面初始化时，实例化TabController 在TabBar组件中指定controller为我们实例化的TabController 在TabBarView组件中指定controller为我们实例化的TabController主要是监听TabBar与Tab...
2019-06-20 11:12:42
18545
3
原创 Flutter AppBar 工具栏、导航栏
目录参数详解AppBarTabBar代码示例效果图完整代码Flutter AppBar组件是应用的工具栏，是由多个组件组成。下面详细介绍appBar使用方法、TabBar使用方法、去掉头部的appBar、仿美团发现AppBar(可滚动TabBar)官方常用属性图文简要说明：参数详解AppBar属性 说明 leading ...
2019-06-19 16:58:58
5393
原创 Flutter 路由替换（返回到根）
返回到首页有两种方式：替换路由和清除路由替换路由替换当前页为目标页（也就是说，堆栈中只有首页和当前页 两个页面，当前页返回自然是首页）。使用以下语句完成替换跳转。Navigator.of(context).pushReplacementNamed('/page');清除路由此方法完成两个动作：1、清除所有路由；2、跳转路由看过我 《Flutter 页面跳转》 文章的...
2019-06-14 13:16:41
5417
原创 Flutter 页面跳转
目录一、基本路由（静态路由）1、不传值跳转2、传值跳转二、命名路由（动态路由）1、不传值跳转2、传值跳转效果图完整代码在Flutter中页面跳转被称之为‘路由’。是通过Navigator 组件管理路由导航，其提供了管理堆栈的方法：Navigator.push（跳转） 和 Navigator.pop（返回）。Flutter配置路由的方式有两种：1、基本路...
2019-06-13 16:21:39
6499
原创 Flutter BottomNavigationBar 组件
目录参数详解代码示例效果图完整代码参数详解属性 说明 type 风格 BottomNavigationBarType.fixed（超过4个按键一定要加这个，说明是多个按钮） BottomNavigationBarType.shifting items List<BottomNavigationBarIt...
2019-06-12 16:46:56
2489
原创 Flutter Button 按钮
目录参数详解代码示例效果图完整代码在 Flutter 里有很多的 Button，包括了：MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。一般常用的 Button 是 MaterialButton、IconButton、Flo...
2019-06-11 17:49:59
8660
原创 Flutter Wrap 流布、自动换行
Wrap 可以实现流布局（自动换行），当子元素在一行排列空间不足时，会自动换行排列显示。参数详解属性 说明 direction 排列方向（垂直和水平） alignment 主轴（x）对齐方式 spacing 主轴（x）子元素间距 runAlignment 纵轴（y）对齐方式 runSpacing 纵轴（y）子元素间距 cross...
2019-06-10 16:50:54
2546
4
原创 Flutter Card 卡片
Flutter Card 组件，卡片组件具有圆角和阴影，看起来有立体感。参数详解属性 说明 color 颜色 elevation 阴影大小 shape Card 的阴影效果 默认形状为圆角半径为4.0的圆角矩形边框。 borderOnForeground 默认true margin 外边距 clipBehavior...
2019-06-10 15:24:59
3589
原创 Flutter AspectRatio 宽高比设定
Flutter AspectRatio 组件，设定组件宽高比参数详解属性 说明 aspectRatio 宽高比。长宽比表示为宽高比。例如，16:9宽高比的值为16.0/9.0。 child 子元素 代码示例class MyBodyA extends StatelessWidget { @override Widget build(BuildCo...
2019-06-10 14:07:48
8443
原创 Flutter Stack 层叠组件
在介绍Stack 层叠组件时，顺便带上Align和Positioned，以及组合使用参数详解Stack属性 说明 alignment 布局定位 默认AlignmentDirectional.topStart 我们也可以直接传入参数，自定义位置（值在1与-1之间），如：alignment: Alignment(0.5,0.5), t...
2019-06-10 11:53:37
3479
原创 Flutter Expanded 弹性、自适应、充满剩余
参数详解属性 说明 flex 弹性 child 元素 代码示例class MyBody extends StatelessWidget { @override Widget build(BuildContext context) { return Column( children: <Widget>[ ...
2019-06-09 16:52:33
10539
原创 Flutter Column 纵向排列、垂直排列
参数详解属性 说明 mainAxisAlignment X 轴排序方式 MainAxisAlignment.start MainAxisAlignment.end MainAxisAlignment.center MainAxisAlignment.spaceBetween ： 间距相同 首尾没有间距 MainAxisAlign...
2019-06-09 16:28:23
2864
原创 Flutter Row 横向排列、水平排列
参数详解属性 说明 mainAxisAlignment 主轴的排序方式 MainAxisAlignment.start MainAxisAlignment.end MainAxisAlignment.center MainAxisAlignment.spaceBetween ： 间距相同 首尾没有间距 MainAxisAlign...
2019-06-09 16:12:05
3286
1
原创 Flutter Paddiing内边距
参数详解属性 说明 padding 内边距 child 子元素 代码示例class MyBody extends StatelessWidget { @override Widget build(BuildContext context) { return Container(//为了可以看出内边距，将容...
2019-06-09 15:50:46
500
原创 Flutter GridView网格布局
目录参数详解代码示例特别说明效果图完整代码在这里介绍两种实现网格布局方法：1、通过 GridView.count 实现网格布局2、通过 GridView.builder 实现网格布局参数详解属性 说明 scrollDirection 滚动方向 reverse 组件反向排序 controller 滚动控制（滚动监听） pri...
2019-06-09 13:22:20
3184
原创 Flutter ListView列表布局
目录参数详解代码示例效果图特别说明完整代码参数详解属性 说明 scrollDirection 设置滑动方向 Axis.horizontal 水平列表 Axis.vertical 垂直列表 reverse 组件反向排列，默认false controller 滚动控制器(滑动监听，为true监听无效)...
2019-06-08 11:32:59
3631
原创 Flutter Image图片显示
目录参数详解代码示例效果图完整代码使用资源图片前必做两个步骤：1、在根目录下创建子目录，子目录中创建2.0x和3.0x（也可以创建4.0x、5.0x... 但是2.0和3.0是必须的）目录，在对应目录中添加对应分辨率图片。（图1）2、打开pubspec.yaml文件， 配置图片源。（图2） ...
2019-06-07 11:33:45
13994
1
原创 Flutter Container 组件
目录参数详解代码示例效果图完整代码Container 官网简介：一个便利的小部件，结合了常见的绘画，定位和大小调整小部件。其实就是一个容器组件，既然是容器，那么，就一定可以装很多东西，而Container装的东西就是Flutter 其他组件。参数详解属性 说明 alignment topCenter：顶部居中对齐 topLeft：顶部左对齐 ...
2019-06-05 16:44:32
891
原创 Dart基础特性
注：此篇文章对应有一定开发语言基础的伙伴学习研究。这里只摘录出Dart的特性和其它语言不一样的特性（对比java）。简介：Dart访问控制、Dart公有私有、Dart属性定义、Dart方法、Dart数据类型、Dart运算符、Dart=>函数、Dart箭头函数、Dart 构造、Dart get/set、Dart:函数、Dart冒号函数、Dart包/类冲突访问控制在Dart中，...
2019-06-01 17:31:11
1141
原创 Flutter Form表单
目录参数详解代码示例效果图完整代码参数详解Flutter中的Form是一个容器，里面包含一个或多个TextFormField。TextFormField是表单中使用的Input输入框。TextFormField的属性基本与TextField相同。属性 作用 onSaved 监听输入变化 代码示例body: Contain...
2019-05-27 17:00:31
3820
原创 Flutter文本框TextField
目录参数详解代码示例效果图完整代码参数详解TextField同时也使用Text的部分属性：属性 作用 controller 控制器，如同 Android View id decoration 输入器装饰 keyboardType 输入的类型 - TextInputType.text（普通完整键盘） - Te...
2019-05-26 18:08:21
2754
原创 Flutter Text(Flutter文本显示和样式)
目录参数讲解代码示例效果图附：如何在 Text widget上设置自定义字体完整代码参数讲解Text Widget用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，类似于Android中的TextView属性 作用 data Text显示的文本，必填参数 textAlign 文本的对齐方式,可以选择左对齐、右对齐还是居中对...
2019-05-21 16:45:52
16240
原创 Flutter之初体验
Flutter之初体验...打开AS，新建Flutter项目，如图：Cerate New Flutter ProjectFlutter Application 创建应用Flutter Plugin 创建插件Flutter Package 创建包Next项目名称必须位小写字母加下划线格式Next填写自己的包名Finish项目创建完成...
2019-05-20 17:25:16
361
原创 在Windows上搭建Flutter开发环境
在Windows上搭建Flutter开发环境准备工具第一步：安装git第二步：安装Flutter第三步：Android Studio配置错误解决准备工具1.操作系统: Windows 7 或更高版本 (64-bit)2.磁盘空间: 400 MB (不包括Android Studio的磁盘空间).3.Git for Windows (Git命令行工具)4.Android Studio (...
2019-05-20 16:06:21
1249
1
仿直播礼物涂鸦_屏幕礼物涂鸦动画_源码.zip
2021-07-06
arduino驱动配置文件.zip
2020-05-28
arduino-1.8.12-windows.zip
2020-05-26
Flutter CircularProgressIndicator进度指示器/Loading
2020-03-29
Flutter 与原生交互 - android版
2020-03-29
Flutter RefreshIndicator 下拉刷新
2020-03-29
Flutter Overlay、OverlayState、OverlayEntry 叠加 Toast Demo
2020-03-29
Flutter SnackBar 提示信息
2020-03-29
Flutter DataTable数据表
2020-03-29
Flutter BottomSheet 底部滑出的组件
2019-10-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人