flutter

环境搭建

第三方库
教程
教程集合
下载flutter sdk
中文网
官网
快捷键
flutter样式基础

image.png

自定义组件

image.png

image.png

image.png

container、text组件

image.png

image.png

image.png

image.png

image

image.png

image.png

image.png

LIstView列表组件

image.png

image.png

循环动态数据

image.png

image.png

image.png

image.png

GridView表格布局

image.png

image.png

image.png

image.png

Column、Row、Expanded组件

image.png

image.png

image.png

image.png

image.png

image.png

定位

image.png

image.png

AspectRatio（宽高比例）、Card（卡片组件）

image.png

image.png

wrap、按钮组件

image.png

image.png

image.png

状态组件

image.png

image.png

底部导航

image.png

image.png

image.png

image.png

image.png

image.png

路由

image.png

image.png

image.png

image.png

image.png

image.png

命名路由

image.png

image.png

统一传值

image.png

image.png

image.png

image.png

路由库

image.png

image.png

image.png

image.png

替换路由、返回根路由

image.png

image.png

image.png

顶部导航栏，生命周期

image.png

方法一

image.png

image.png

image.png

image.png

image.png

方法二

image.png

image.png

侧边栏

image.png

image.png

image.png

image.png

image.png

按钮组件

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

按钮组

image.png

自定义按钮

image.png

image.png

突起按钮

image.png

image.png

image.png

image.png

image.png

表单组件

image.png

image.png

image.png

image.png

获取输入框值

image.png

image.png

image.png

image.png

image.png

image.png

image.png

案例：学员登记系统
https://www.bilibili.com/video/BV1S4411E7LY?p=39&spm_id_from=pageDriver

日期组件

教程

image.png

image.png

image.png

image.png

第三方日期选择库
https://www.bilibili.com/video/BV1S4411E7LY?p=41&spm_id_from=pageDriver

image.png

轮播图

https://www.bilibili.com/video/BV1S4411E7LY?p=42&spm_id_from=pageDriver

image.png

弹框

https://www.bilibili.com/video/BV1S4411E7LY?p=43&spm_id_from=pageDriver

自定义弹框

https://www.bilibili.com/video/BV1S4411E7LY?p=44&spm_id_from=pageDriver

请求接口

https://www.bilibili.com/video/BV1S4411E7LY?p=45&spm_id_from=pageDriver

image.png

image.png

image.png

image.png