环境搭建
第三方库
教程
教程集合
下载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
网友评论