flutter 从入门 到精通系列文章
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
重要消息
2020.02.15
- flutter跨平台开发之App升级方案查看详情
2020.01.07
NestScrollView系列文章
- flutter NestedScrollView 下拉刷新的解决方案一查看详情
极光推送 系列文章
- flutter应用开发中集成极光推送(flutter极光推送第一篇)查看详情
TextField 系列文章
- TextField的基本使用以及TextField常用属性精讲《点击查看详情》
- TextField 焦点获取控制篇《点击查看详情》
- TextField 输入文本样式 TextStyle 篇《正是本文章了》
- TextField 输入文本 textAlign 对齐分析篇《点击查看详情》
- TextField 输入文本 decoration 配置边框样式以及提示文本分析篇《点击查看详情》
- TextField TextEditingController 分析篇《点击查看详情》
2019.12.19
- Flutter 中的国际化之多语言环境 查看详情
2019.12.17
- Flutter友盟插件开发使用查看详情
2019 .7.22
2019 .7.17
- 4.1.1 Flutter通过BasicMessageChannel实现Flutter 与Android iOS 的双向通信 查看详情
- 4.1.2 Flutter通过MethodChannel实现Flutter 与Android iOS 的双向通信 查看详情
2019.7.16
2019.7.15 凌晨
2019年07月12日 傍晚
【本案例开发flutter 使用到的开发工具为 android Studio ,Xcode】
1 第一阶段 UI 基础篇
1.1 第一阶段 之 【环境配制相关】
-
1.1.1 flutter 从配制开发环境再到开发第一个应用 查看详情
-
1.1.2 flutter 使用Android Studio 创建第一个应用 查看详情
-
1.1.3 flutter 开发应用第一个页面 查看详情
-
1.1.4 flutter 之 Dart语言 基础 查看详情
1.2 第一阶段 之 Flutter 【ui 基础 -1】
-
1.2.1 flutter 主题 Flutter MaterialApp 简述 查看详情
-
1.2.2 flutter 主布局 Flutter Scaffold 查看详情
-
1.2.3 flutter AppBar 简述 查看详情
-
1.2.4 flutter Container 容器 查看详情
-
1.2.4.1 flutter Container 宽高度限定分析 查看详情
-
1.2.5 StatefulWidget和StatelessWidget 查看详情
-
1.2.6 flutter Text 文本显示 查看详情
-
1.2.7 flutter Button 按钮 查看详情
-
1.2.8 flutter TextField 文本输入框 查看详情
-
1.2.9 flutter 开关Switch与复选框Checkbox 查看详情
-
1.2.10 flutter Radio 单选框 查看详情
-
1.2.11 flutter 水平和垂直布局详解 查看详情
-
1.2.12 flutter Stack 帧布局,层叠堆放 查看详情
-
1.2.13 flutter Form 表单
-
1.2.14 一个登录页面 查看详情
1.3 第一阶段 之 Flutter 【ui 基础 -2】
-
1.3.1 flutter Image 图片加载 查看详情
-
1.3.2 flutter ScrollView 滑动 查看详情
-
1.3.3 flutter PageView 分页切换
-
- flutter PageView左右滑动切换视图 查看详情
-
- flutter PageView上下滑动切换视图 查看详情
-
- flutter PageView 下拉刷新 与 上拉加载更多查看详情
-
1.3.3 flutter CustomScrollView 自定义滑动效果 码云查看
-
1.3.4 flutter listView 查看详情
-
1.3.5 flutter listView 下拉刷新与上拉加载更多 查看详情
-
1.3.6 flutter GridView 查看详情
-
1.3.7 flutter progress 进度条查看详情
-
1.3.8 flutter tab选项卡
-
- appbar 中的选项卡 查看详情
-
- appbar 下的选项卡 查看详情
-
1.3.9 flutter AndroidView 加载android 原生view 查看详情
-
1.3.10 flutter UiKitView 加载ios 原生view 查看详情
1.4 第一阶段 之 Flutter 【ui 基础 -3】
- 1.4.1 PickView 时间选择器 查看详情
- 1.4.2 PickView 城市选择器
- 1.4.3 弹框 dialog 查看详情
- 1.4.4 flutter 实现轮播图效果 查看详情
- 1.4.5 导航栏菜单
-
- flutter BottomNavigationBar 实现底部导航栏查看详情
-
- flutter TabBar 底部导航栏 查看详情
-
- flutter 自定义 BottomAppBar 实现不规则底部导航栏 查看详情
-
- flutter 自定义 绘制布局 实现不规则底部动画导航栏 查看详情
- 1.4.6 flutter Toast消息提示框 查看详情
- 1.4.7 flutter 设置圆角矩形边框 查看详情
2 第二阶段 功能基础篇
2.1 flutter Gesture 手势处理
2.2 flutter 常用工具类
- 2.2.1 flutter 日志输出LogUtil 使用 查看详情
- 2.2.2 flutter 倒计时 TimerUtil 使用 查看详情
- 2.2.3 flutter 将毫秒转为日期,时间格式 查看详情
2.2 flutter 数据存储
2.3 flutter 页面路由跳转
2.4 flutter 网络请求
2.5 flutter oss 阿里云文件上传
3 第三阶段 动画功能篇
3.1 flutter 平移动画
- 3.1.1 flutter SlideTransition实现平移动画 查看详情
3.2 flutter 旋转动画
- 3.2.1 flutter RotationTransition实现旋转动画 查看详情
3.3 flutter 缩放动画
3.4 flutter 透明渐变动画
- 3.4.1 flutter FadeTransition实现透明度渐变动画 查看详情
4 第四阶段 高级功能篇
4.1 flutter 与android ios 原生互调
-
4.1.1 Flutter通过 BasicMessageChannel 实现 Flutter 与 Android iOS 的双向通信 查看详情
-
4.1.2 Flutter通过 MethodChannel 实现 Flutter 与Android iOS 的双向通信 查看详情
-
4.1.3 flutter 调用android 相机
-
4.1.4 flutter 调用ios 相机
-
4.1.5 flutter 调用android 扫一扫
-
4.1.6 flutter 调用ios 扫一扫
-
4.1.7 调用android mp3格式录音
-
4.1.8 flutter 调用ios mp3格式录音
4.2 flutter 中嵌入 android ios 原生view
- 4.2.1 flutter 嵌入android TextView 查看详情
- 4.2.2 flutter 嵌入ios UILabel 查看详情
- 4.2.3 flutter widget 嵌入 android WebView 查看详情
- 4.2.4 flutter widget 嵌入 ios webview 查看详情
4.3 android ios 原生中 嵌入使用flutter widget
4.4 flutter 插件开发
- 4.4.1 flutter 调用原生android ios 自定义相机插件
- 4.4.2 flutter 调用原生android ios 扫一扫插件
- 4.4.3 flutter 调用原生 webview 插件 查看详情
- 4.4.4 flutter 调用原生 录音 mp3格式 插件