flutter入门到精通全套视频教程
创始人
2025-01-09 18:35:52
0

├─1 Flutter 移动应用:开发准备

│    1 介绍

│    2 安装 Flutter SDK(macOS)

│    3 配置 iOS 开发环境(macOS)

│    4 配置 VS Code 代码编辑器

│    5 配置 Android 开发环境(macOS)

│    6 检测问题:flutter doctor

│    7 Flutter 在中国地区的特别设置(macOS)

│    8 创建 Flutter 项目- P. V2 i0 B2 B

│    9 运行 Flutter 项目(iOS 模拟器)

│    10 在 Android 模拟器上运行 Flutter 项目

│   

├─2 Flutter移动应用:快速起步

│    1 介绍_h1RK8

│    2 准备项目_LbgZE

│    3 在屏幕中间显示 “hello”

│    4 自定义小部件(Widget)

│    5 文字的样式:TextStyle"

│    6 MaterialApp:使用界面组件与定制界面主题

│    7 列表:准备数据

│    8 列表视图:ListView.builder

│    9 列表项目

│    

├─3 Flutter 移动应用:界面结构 

│    1 介绍_

│    2 准备项目_FBIHr

│    3 Material 应用

│    4 AppBar:工具栏上的图标按钮(IconButton)

│    5 TabBar:用标签形式展示内容

│    6 TabBar:自定义标签栏的样式

│    7 Material:自定义按钮水波纹样式

│    8 Drawer:抽屉(边栏)

│    9 Drawer:在抽屉里使用 ListView, DrawerHeader,ListTile

│    10 Drawer:抽屉的打开与关闭

│    11 UserAccountDrawerHeader:抽屉里的用户帐号信息,

│    12 用户帐户头部的背景图像

│    13 创建 DrawerDemo 小部件

│    14 BottomNavigationBar:底部导航栏

│    15 BottomNavigationBar:底部导航栏的激活状态

│    16 StatefulWidget:有状态的小部件

│    4 G; U0 z0 w* ~5 P6 E

├─4 Flutter 移动应用:基础部件

│    1 介绍_

│    2 准备项目

│    3 查看小部件的定义

│    4 Text:文字与文字样式

│    5 RichText:行内多样式的文字

│    6 Container:容器

│    7 BoxDecoration:装饰盒子

│    8 BoxDecoration:边框(border)

│    9 BoxDecoration:圆角(borderRadius)

│    10 BoxDecoration:阴影(borderShadow)

│    11 BoxDecoration:形状(shape)

│    12 BoxDecoration:渐变(gradient)

│    13 BoxDecoration:背景图像(image)

│    . C# V, O" p8 M

├─5 Flutter移动应用:布局

│    1 介绍

│    2 准备项目_ukVC7

│    3 创建 LayoutDemo 小部件

│    4 创建可配置的图标徽章(IconBadge)小部件

│    5 Row(横排) 与 Column(竖排)

│    6 mainAxis:主轴

│    7 crossAxis:交叉轴

│    8 SizedBox:固定尺寸的盒子

│    9 Alignment:对齐

│    10 Stack:一摞小部件

│    11 AspectRatio:宽高比

│    12 ConstrainedBox:带限制的盒子

│    

├─6 Flutter 移动应用:视图

│    1 介绍

│    2 升级 Flutter SDK 与项目用的 Packages

│    3 准备项目7 y5 j# |! N* [8 P

│    4 创建 ViewDemo 小部件

│    5 PageView:页面视图

│    6 PageView:页面视图的属性

│    7 PageView:用 PageController 调整页面的显示

│    8 PageView.builder 按需生成页面

│    9 GridView:网格视图(GridView.count)

│    10 GridView.extent

│    11 GridView.builder 按需生成视图项目

│    

├─7 Flutter 移动应用:Sliver

│    1 介绍_uDvgh

│    2 准备项目

│    3 创建 SliverDemo 小部件:

│    4 Slivers

│    5 SliverGrid:网格视图

│    6 SliverPadding(内边距) 与 SliverSafeArea(安全区)

│    7 SliverList:列表视图

│    8 SliverAppBar:应用工具栏

│    9 带渐近动画的可伸缩空间

│    

├─8 Flutter移动应用:路由

│    1 介绍

│    2 准备项目

│    3 VS Code:Flutter 代码片断

│    4 一堆路由

│    5 打开新页面并返回(push 与 pop):准备

│    6 打开新页面并返回(push 与 pop):实施

│    7 带名字的路由( Navigator.pushNamed)

│    8 初始路由:initialRoute

│    9 InkWell:添加溅墨动画效果

│    10 在内容详情页上显示内容

│    

├─9 Flutter 移动应用:表单

│    1 介绍

│    2 准备项目

│    3 创建 FormDemo 小部件

│    4 Theme:定制、使用、重置、覆盖主题

│    5 TextField:文本字段

│    6 TextField:文本字段样式(InputDecoration)

│    7 TextField:监视文本字段的值的变化与提交2 }

│    8 TextField:使用 TextEditingController 监听文本字段变化

│    9 Form:表单

│    10 Form:保存与获取表单里的数据

│    11 Form:验证表单里的数据

│    12 Form:自动验证

│    13 SnackBar:在屏幕底部动画弹出提示栏

│    

├─10 Flutter移动应用:按钮

│    1 介绍

│    2 准备项目

│    3 VS Code:自定义代码片断

│    4 准备 Material Components 演示页面

│    5 FloatingActionButton:漂浮动作按钮

│    6 BottomAppBar:底部工具栏

│    7 创建演示小部件用的页面

│    8 FlatButton:文字按钮

│    9 RaisedButton:按钮

│    10 按钮主题:颜色、形状

│    11 OutlineButton:描边按钮

│    12 按钮容器 Container:有固定宽度的按钮)

│    13 按钮容器 Expanded:占满可用宽度的按钮

│    14 按钮容器 ButtonBar:一组带边距的横排显示按钮

│    15 整理:把演示放在单独的文件里

│    16 准备 PopupMenuButtonDemo

│    17 PopupMenuButton:弹出式菜单按钮

│    

├─11 Flutter 移动应用:输入2

│    1 介绍_EGqrj

│    2 整理:在演示列表里添加 FormDemo

│    3 创建用户输入相关的小部件的演示页面

│    4 Checkbox:复选框

│    5 CheckboxListTile:带标签与图标的复选框

│    6 Radio:单选按钮

│    7 RadioListTile:带标签与图标的单选按钮

│    8 Switch:开关

│    9 SwitchListTile:带标签与图标的开关

│    10 Slider:滑动选择器

│    11 安装第三方包(演示安装 Intl 包)

│    12 显示格式化日期

│    13 showDatePicker:选择日期

│    14 showDatePicker:获取选择的日期(async)

│    15 showTimePicker:时间选择器

│    16 Future:异步程序

│    

├─12 Flutter 移动应用:对话框

│    1 SimpleDialog:显示对话框(showDialog)

│    2 SimpleDialog:选项(SimpleDialogOption)

│    3 SimpleDialog:获取与使用选项的值

│    4 AlertDialog:提示对话框*

│    5 AlertDialog:获取与使用动作的值

│    6 BottomSheet:底部滑动窗口

│    7 BottomSheet:对话框式底部滑动窗口(showModalBottomSheet)

│    8 处理使用对话框式底部滑动窗口的数据

│    9 SnackBar:操作提示栏

│    10 ExpansionPanel:收缩面板

│    11 ExpansionPanel:面板的收起与展开

│    12 ExpansionPanel:面板列表项目

│    

├─13 Flutter移动应用:MDC

│    1 介绍

│    2 升级 Flutter SDK 后屏幕报错(0.8.1)

│    3 Chip:小碎片

│    4 Wrap:换行显示小部件; l( w: L6 Z9 M

│    5 Divider:分隔符

│    6 Chip:带删除功能的小碎片

│    7 Chip:用列表生成带删除功能的小碎片

│    8 ActionChip:动作碎片

│    9 FilterChip:过滤碎片

│    10 ChoiceChip:选择碎片

│    11 DataTable:数据表格

│    12 DataTable:用列表生成数据表格

│    13 DataTable:数据表格的排序

│    14 DataTable:选择数据表格行

│    15 PaginatedDataTable:分页显示表格数据

│    16 PaginatedDataTable:排序

│    17 Card:卡片

│    18 ClipRRect:圆角(给图像添加圆角效果)

│    19 Stepper:步骤

│    20 Stepper:步骤的行为

│   

├─14 Flutter 移动应用:状态管理

│    1 介绍_pny

│    2 准备项目_gDLQE

│    3 创建 StateManagementDemo 小部件

│    4 StatelessWidget:无变化状态的小部件

│    5 StatefulWidget:带变化状态的小部件

│    6 状态管理(由父辈管理状态)

│    7 从父辈那里传递个回调

│    8 小部件树:Widget Tree

│    9 InheritedWidget:直接把数据传递给需要的小部件

│    10 创建与使用 InheritedWidget 有效地传递数据给子部件

│    11 ScopedModel:安装与基本用法介绍

│    12 使用 ScopedModel 传递数据 

│   

├─15 Flutter 移动应用:Stream

│    1 介绍_o1nOR

│    2 准备项目_dLbrZ

│    3 创建 StreamDemo

│    4 创建与监听 Stream

│    5 给 Stream 添加一个订阅(subscription)

│    6 暂停、恢复、取消监听 Stream

│    7 StreamController:控制 Stream

│    8 StreamController:使用 Sink 往 Stream 上添加数据

│    9 StreamController:创建可以多次订阅的 Broadcast Streams

│    10 在界面上显示 Stream 上的数据

│    11 StreamBuilder:根据 Stream 上的数据构建小部件

│  

├─16 Flutter 移动应用

│    1 介绍_va1et

│    2 准备项目_zEYDt

│    3 创建 RxDartDemo

│    4 安装 RxDart 包

│    5 Rx,RxDart,Observable 与 Stream

│    6 Observables

│    7 创建 Observables 的几种方法

│    8 使用 Subjects 控制 Observables

│    9 BehaviorSubject

│    10 ReplaySubject

│    11 准备一个文本框往 Observable 上添加数据

│    12 RxDart 的数据转换方法(map)

│    13 where

│    14 debounce

│    

├─17 Flutter 移动应用:BLoC

│    1 介绍

│    2 准备项目

│    3 创建 BlocDemo

│    4 BLoC:Business Logic Component

│    5 BLoC 应用案例(记数器):准备基本小部件

│    6 使用 InheritedWidget 传递

│    7 创建与使用 BLoC:用 Sink 输入数据

│    8 创建与使用 BLoC:用 Stream 输出数据

│    

├─18 Flutter 移动应用:网络请求

│    1 介绍_YDQP3

│    10 FutureBuilder:使用 Future 构建小部件

│    2 准备项目

│    3 创建 HttpDemo

│    4 安装 http 包(升级 Flutter SDK)

│    5 使用 http 客户端请求数据

│    6 JSON 转换(dartconvert)

│    7 使用 Model 类转换数据:fromJson

│    8 使用 Model 类转换数据:toJson

│    9 使用请求数据:把响应的数据转换成自定义 Dart 对象

│    * o) e# X6 Z7 T2 [! G+ T& j; j

├─19 Flutter 移动应用:动画

│    1 介绍_XSBKs$ R7 O* l8 u; v9 E2 }5 D

│    2 准备项目_rNSOD

│    3 创建 AnimationDemo 小部件

│    4 AnimationController:动画控制器

│    5 使用动画的值

│    6 动画的状态与运行

│    7 Tween:设置动画范围值(数字、颜色)

│    8 Curve:动画曲线

│    9 AnimatedWidget:动画值有变化就自动重建自己的小部件

│    

│    

├─20 Flutter移动应用:国际化

│    1 介绍

│    2 准备项目

│    3 创建 I18Demo 小部件

│    4 安装与配置 Flutter 应用的国际化

│    5 配置 iOS 项目使用多种语言

│    6 演示 Material 组件的多语言

│    7 寻找 Localizations 小部件

│    8 获取与设置语言和地区(理解 Locale 类与 Localizations 小部件)

│    9 定义本地化资源类

│    10 加载本地化资源

│    11 使用本地化资源 

│    12 Intl:定义需要翻译的信息

│    13 提取信息模板并翻译信息

│    14 基于arb 生成 dart 文件

│    15 加载与使用本地化信息

│    

│    

└─源码

课程下载地址:

手机号码 温馨提示: 如已购买请输入手机号绑定订单  点击绑定 本部分为付费内容,您需要支付 后可查看 售前售后咨询:
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

相关内容

热门资讯

长征五号B遥一运载火箭顺利通过... 2020年1月19日,长征五号B遥一运载火箭顺利通过了航天科技集团有限公司在北京组织的出厂评审。目前...
9所本科高校获教育部批准 6所... 1月19日,教育部官方网站发布了关于批准设置本科高等学校的函件,9所由省级人民政府申报设置的本科高等...
9所本科高校获教育部批准 6所... 1月19日,教育部官方网站发布了关于批准设置本科高等学校的函件,9所由省级人民政府申报设置的本科高等...
湖北省黄冈市人大常委会原党组成... 据湖北省纪委监委消息:经湖北省纪委监委审查调查,黄冈市人大常委会原党组成员、副主任吴美景丧失理想信念...
《大江大河2》剧组暂停拍摄工作... 搜狐娱乐讯 今天下午,《大江大河2》剧组发布公告,称当前防控疫情是重中之重的任务,为了避免剧组工作人...