amarantine308 / Flutter_learn_demo

Flutter_learn_demo Flutter学习历程

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

打开模拟器 运行 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

下载单个文件

图书推荐

京东:Flutter组件详解与实战 王浩然·著 ⭐️⭐️⭐️⭐️⭐️
京东:Flutter内核源码剖析 赵裕·著 ⭐️⭐️⭐️

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

列表

基础widget

button
text
textfield
form
image
switch checkbox
card
positionwidget
stackwidget
push
push传参
ExpansionTile
custompaint
ExpansionPaneList
Overlay和Flow
虚线
Offstage和Visibility和Opacity
禁用与置灰
切圆形图片的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
轻提示
弹出框
ShaderMask
打破约束组件
保持状态
LayoutBuilder && OrientationBuilder
通知Notification
RxDart初识
Stream RxDart学习

混合开发

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

热更新方案

flutter/issues上关于热更新方案的讨论
混栈开发之Android端Flutter热更新
chimera_flutter_code_push

性能优化

性能优化

源码解读

常用组件源码分析-继承关系相关

杂类

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相关
Stream和Future
Flutter启动系列之Dart虚拟机启动
Future相关
Flutter Engine线程管理与Dart Isolate机制
聊一聊Flutter线程管理与Dart Isolate机制
深入了解Flutter的isolate(1) ---- 事件循环(event loop)及代码运行顺序
Flutter异步编程之 Future/Isolate
Key
Key:demo
Dart 健全的空安全
Flutter原理简解
Flutter编译模式
Widget、Element、RenderObject三者之间的关系
理解BuildContext
Flutter启动流程分析
setState原理分析
内存相关
DartVM相关

state管理

Flutter State Management状态管理全面分析
riverpod学习
Flutter官方团队对getx这个插件的态度和看法???
getx学习
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
基本项目架子,基于flutter2.10.4
案例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 第一次加载时动画
案例26 Lottie动画 SVGAPlayer动画 手柄控制 滑动解锁 AnimatedSwitcher示例
案例27 跳转三方库导航
案例28 游戏手柄
案例29 自绘键盘1
案例30 自绘键盘2
案例31 web放大镜

About

Flutter_learn_demo Flutter学习历程


Languages

Language:Dart 50.6%Language:C++ 19.2%Language:CMake 16.0%Language:Objective-C 3.9%Language:HTML 3.0%Language:Java 1.8%Language:Swift 1.7%Language:Ruby 1.6%Language:C 1.3%Language:Kotlin 0.5%Language:Shell 0.4%