/Flutter_learn_demo

Flutter_learn_demo Flutter学习历程

Primary LanguageDart

打开模拟器 运行 1.cd 根目录 2.flutter run -d all 或者 flutter run => ps:flutter packages get 获取三方库
调试: r: 运行 R:重新运行 p:显示网格 大写P:显示性能 o:切换模拟器 s:保存截图 h:显示帮助信息 q:退出. 3.切换版本: flutter channels && flutter channels XXX 之后 flutter upgrade即可 git checkout xxx . 打开dubug开启真热更新 You can dump the widget hierarchy of the app (debugDumpApp) by pressing "w".
To dump the rendering tree of the app (debugDumpRenderTree), press "t".
For layers (debugDumpLayerTree), use "L"; for accessibility
(debugDumpSemantics), use "S" (for traversal order) or "U" (for inverse hit test order).
To toggle the widget inspector (WidgetsApp.showWidgetInspectorOverride), press "i".
To toggle the display of construction lines (debugPaintSizeEnabled), press "p".
To simulate different operating systems, (defaultTargetPlatform), press "o".
To display the performance overlay (WidgetsApp.showPerformanceOverlay), press "P".
To save a screenshot to flutter.png, press "s".
To repeat this help message, press "h". To detach, press "d"; to quit, press "q".
vim ~/.bash_profile source ~/.bash_profile

开发过程中,使用到的棒棒哒の开发库

列表

基础widget

button
text
textfield
form
image
switch checkbox
card
positionwidget
stackwidget
push
push传参
ExpansionTile
custompaint
ExpansionPaneList
Overlay和Flow
虚线
禁用与置灰
切圆形图片的5个方法
使用自定义字体 安卓去除状态栏灰层 渐变色导航栏
Chip FilterChip ChioceChip ActionChip Divider DataTable PaginatedDataTable Stepper
添加引导页面 appBar DatePicker BottomSheet Dialog Stepper 滚动监听 雨滴动画 密码输入框 faceID&TouchID 与webView交互 上拉抽屉 回调 event_bus传值 WillPopScope监听Android物理返回键

布局widget

rowwidget
columnwidget
flex expanded
wrap_flow

容器widget

Padding
constrainedbox sizedbox UnconstrainedBox
decoratedbox
transform
container

滚动widget

listview1 竖向
listview2 横向
listview3 动态数据
gridview
customscrollview
scroll
scroll 滚动控制1
scroll 滚动控制2

功能Widget

Android双击物理键退出app 主体Theme学习  
模糊效果:filter_widget
轻提示
弹出框
Stream RxDart学习

混合开发

iOS原生中集成Flutter模块
Android原生中集成Flutter模块
flutter_boost学习视频
flutter_boost教程
flutter_boost源码浅析
深入理解Flutter Platform Channel
Flutter新锐专家之路:混合开发篇

热更新方案

flutter/issues上关于热更新方案的讨论

杂类

dart部分认知
深入理解 Dart 空安全
通知
事件  
手势  
组合Widget 示例1  
组合Widget 示例2  
custompaint_canvas  
progressbar  
文件操作
HttpClient
dio库
SQLite:sqflite库简单学习
json转实体类:json_serializable库学习
tabBar
tabBar1
tabBar2
tabBar3:类今日头条上方tabbar
路由管理库fluro学习
路由过渡动画
Dart是值传递还是引用传递??? ps:OC是引用传递,Swift是值传递;
InheritedWidget相关
Stream相关
Flutter启动系列之Dart虚拟机启动
Future相关
Flutter Engine线程管理与Dart Isolate机制
聊一聊Flutter线程管理与Dart Isolate机制
深入了解Flutter的isolate(1) ---- 事件循环(event loop)及代码运行顺序
Flutter异步编程之 Future/Isolate
Key:demo
Dart 健全的空安全
Flutter原理简解
Flutter编译模式
Widget、Element、RenderObject三者之间的关系

state管理

Flutter State Management状态管理全面分析
getx学习
scoped_model学习
redux学习
provide学习
provider学习
mobx学习
bloc模式学习
flutter_bloc学习
fish redux pdf
阿里fish redux视频
阿里fish redux初识
阿里fish redux中文介绍
fish_redux模版工具FishReduxTemplateForAS-Android Studio
fish_redux模版工具fish-redux-template-VScode
fish_redux Demo(含Tabbar、model、dio、基本传值、component、globalStore、adapter)
fish_redux Demo1(无Tabbar最简单版本)

案例

基本项目架子,基于flutter2.5.0
案例1 选项卡
案例2 输入联想
案例3 图片增加
案例4 贝塞尔曲线
案例5 启动屏
案例6:左滑返回上一页
案例7 Draggable学习
案例8 侧滑
案例9 Slivers全家桶学习
案例10 导航条渐隐
案例11 CanVas学习:签名板
案例12 国际化方案
案例13 动画
案例14 Flare学习
案例15 自定义Dialog和基本的组件封装
案例16 UI根据角色判断(fish——redux数据流store分开,UI分开,逻辑分开)
案例17 自定义相机页面
案例18 自定义下拉框
案例19 性能优化点
案例20 键盘相关:监听键盘弹出\缩回事件,点击空白缩回键盘、点击按钮弹出键盘
案例21 广告页面
案例22 保存图片新版本
案例23 自定义tarbar
案例24 PreferredSize 实现自定义tabbar
案例25 Listview 第一次加载时动画