領(lǐng)取《Flutter 入門系列》PDF

文章系列目錄如下：

第一章 簡介

• 智能手機(jī)操作系統(tǒng)

• 塞班（Symbian）系統(tǒng)

• Windows Phone

• Android

• iOS

• 跨平臺開發(fā)演進(jìn)

• 原生階段

• Hybird階段

• React Native階段

• 小程序

• Flutter 階段

• Flutter局限性

• 總結(jié)

• 環(huán)境安裝和配置

• 創(chuàng)建Flutter 項目

• 默認(rèn)生成代碼介紹

• 設(shè)置App名稱、圖標(biāo)

• Android 設(shè)置App名稱、圖標(biāo)
• iOS設(shè)置App名稱、圖標(biāo)

• 手機(jī)調(diào)試運行

• Android 手機(jī)調(diào)試運行

• iOS調(diào)試運行

• debug Flutter 代碼

• debug Android 代碼

• debug iOS 代碼

• 打包部署

• Flutter Application Plugin Package Module區(qū)別

• Flutter Application

• Flutter Plugin

• Flutter Package

• Flutter Module

• pubspec.yaml 配置文件詳解

• name
• description
• version
• author homepage issue_tracker repository
• Environment
• dependencies 和 dev_dependencies
• 依賴覆蓋
• Flutter

第二章 文本組件

• 文本組件-Text

• 富文本組件-RichText

• 手勢交互

• 文本輸入組件-TextField

• 文本組件五大案例

• 過渡顏色的文字
• 帶前后置標(biāo)簽的文本
• "服務(wù)協(xié)議"
• 登錄密碼輸入框
• 評論回復(fù)

第三章 基礎(chǔ)組件

• 按鈕組件

• 單選組件

• Radio
• RadioListTile

• 復(fù)選組件

• Checkbox
• CheckboxListTile

• 滑塊組件

• Slider
• 自定義樣式
• RangeSlider
• 滑塊狀態(tài)
• ios風(fēng)格的 Slider

• 開關(guān)組件

• Switch
• SwitchListTile
• CupertinoSwitch

• 進(jìn)度組件

• LinearProgressIndicator
• CircularProgressIndicator
• CupertinoActivityIndicator

• 圖片和圖標(biāo)組件

• Image
• Icon

• 聊天氣泡(.圖實現(xiàn))

• 圓形帶邊框的頭像

• 圖片占位符：

• 自定義圖標(biāo)

第四章 布局組件

• 水平、垂直布局組件

• 疊加布局組件

• 流式布局組件

• 自定義布局組件

• 仿 掘金-我 效果

• 水平展開/收起菜單

• 半圓菜單展開/收起

第五章 定位裝飾權(quán)重組件

• 定位裝飾組件-Container

• 固定寬高組件-SizedBox

• 寬高比組件-AspectRatio

• 相對父組件尺寸-FractionallySizedBox

• 權(quán)重組件-Expanded/Flexible/Spacer

• 仿 掘金-我-頭部的效果

• 柱狀圖

第六章 手勢識別組件

• GestureDetector

• 點擊事件
• 雙擊事件
• 長按事件
• 水平/垂直拖動事件
• 縮放事件

• Ink/InkWell

• InkWell
• Ink

• Listener

• 登錄進(jìn)度按鈕

• 畫板

第七章 滾動和大數(shù)據(jù)組件

• ListView

• GridView

• controller 和 physics 屬性用法同 ListView中一樣。

• SingleChildScrollView

• PageView

• DataTable

• DataColumn

• DataRow

• DataCell

• 排序

• 處理數(shù)據(jù)顯示不全問題

• 自定義PageView切換動畫

• 自定義滾動條

第八章 Sliver系列組件

• SliverList

• SliverGrid

• SliverAppBar

• SliverPersistentHeader

• SliverToBoxAdapter

• CustomScrollView

• 相互嵌套場景
• 頂部是AppBar場景

• NestedScrollView

• 滾動隱藏AppBar
• SliverAppBar展開折疊
• 與TabBar配合使用

第九章 功能型組件

• 日期選擇器

• showDatePicker
• CalendarDatePicker
• 范圍日期
• 國際化

• 時間選擇器

• iOS風(fēng)格日期選擇器

• 國際化

• iOS風(fēng)格時間選擇器

• 國際化

• 彈出菜單

• PopupMenuButton
• PopupMenuItem
• PopupMenuDivider
• CheckedPopupMenuItem
• showMenu

• 彈出提示/警告框

• AlertDialog

• CupertinoAlertDialog

• SimpleDialog

• Dialog

• 改變形狀組件

• BeveledRectangleBorder

• Border

• BorderDirectional

• CircleBorder

• ContinuousRectangleBorder

• RoundedRectangleBorder

• StadiumBorder

• OutlineInputBorder

• UnderlineInputBorder

• ClipRect

• ClipRRect

• ClipOval

• ClipPath

• CustomClipper

• 拖拽組件

• 縮放、平移組件

第十章 App級別組件

• MaterialApp

• 腳手架-Scaffold

• 導(dǎo)航欄-AppBar

• 抽屜布局-Drawer

• 底部切換布局

• BottomNavigationBarItem

• 消息提示-SnackBar

• SnackBarAction
• 瞬間多個彈出延遲問題

第十一章 組件總結(jié)及實戰(zhàn)

• 組件總結(jié)

• 組件樹

• StatefulWidget vs StatelessWidget

• Material vs Cupertino

• 實戰(zhàn)-計算器
  

第十二章 動畫

• 動畫核心-AnimationController

• 動畫核心-Tween

• 動畫核心-Curve

• 自定義一個動畫曲線

• 動畫核心總結(jié)

• 動畫序列 TweenSequence

• 一文學(xué)會多個動畫組件

• AnimatedList

• Hero

• Material motion

• Container transform
• Shared axis
• Fade through
• Fade

• 案例-路由動畫

• 案例-Flutter "孔雀開屏"的動畫效果

• 案例-漸變進(jìn)度圓環(huán)

• 案例-仿掘金點贊

• 小手縮放效果
• 圓環(huán)動畫
• 最外圈小點點

• 案例-酷炫的D效果

• 案例-翻書效果

• 案例-漣漪效果

• 案例-雷達(dá)掃描效果

• 中間的 logo 圖片
• 掃描

第十三章 路由

• 路由堆棧

• 監(jiān)聽路由堆棧變化

• WillPopScope

• 詢問用戶是否退出

• 自定義獨立路由

第十四章 數(shù)據(jù)存儲和網(wǎng)絡(luò)請求

• 文件系統(tǒng)目錄-path_provider

• 添加依賴
• 文件路徑
• Android 文件存儲
• iOS 文件存儲
• path_provider 使用

• 文件讀寫

• 添加依賴
• 文件夾
• 文件
• 讀取 asset 文件

• 簡單數(shù)據(jù)持久化

• 添加依賴
• 保存/讀取數(shù)據(jù)
• 刪除數(shù)據(jù)
• Key 相關(guān)操作

• 大量復(fù)雜數(shù)據(jù)持久化

• 添加依賴
• 單例模式創(chuàng)建 SQLite 訪問
• 初始化數(shù)據(jù)庫
• 保存數(shù)據(jù)
• 查詢數(shù)據(jù)
• 更新數(shù)據(jù)
• 刪除數(shù)據(jù)
• 總結(jié)

• 網(wǎng)絡(luò)請求-HttpClient

• 網(wǎng)絡(luò)請求-http

• 引入軟件包
• 使用

• 網(wǎng)絡(luò)請求-dio

• 引入軟件包

• 基礎(chǔ)使用

• 攔截器

• 請求取消

• Dio 封裝

• json數(shù)據(jù)轉(zhuǎn)換為Model

• json_serializable

• 在線生成

• JsonToDart 插件【推薦】

第十五章 混合開發(fā)

• 嵌入原生View-Android

• 注冊PlatformView
• 嵌入Flutter
• 設(shè)置初始化參數(shù)
• Flutter 向 Android View 發(fā)送消息
• Flutter 向 Android View 獲取消息
• 解決多個原生View通信沖突問題

• 嵌入原生View-iOS

• 注冊PlatformView
• 嵌入Flutter
• 設(shè)置初始化參數(shù)
• Flutter 向 iOS View 發(fā)送消息
• Flutter 向 Android View 獲取消息
• 解決多個原生View通信沖突問題

• 平臺通信的種方式

• 通信架構(gòu)圖
• 通信與平臺線程

• 與原生通信-MethodChannel

• Flutter 端
• Android 端
• iOS 端
• 原生端主動發(fā)送消息給Flutter

• 與原生通信-BasicMessageChannel

• Flutter 端

• Android 端

• iOS 端

• 原生端主動發(fā)送消息給Flutter

• 與原生通信-EventChannel

• Flutter 端

• Android 端

• iOS 端

• 添加 Flutter 到 Android Activity

• 創(chuàng)建 Flutter Module
• 啟動頁加載 Flutter
• 跳轉(zhuǎn)到 Flutter 頁面
• 引擎緩存

• 添加 Flutter 到 Android Fragment

• 添加 Flutter 到 iOS

• 創(chuàng)建 Flutter module
• 將Flutter模塊嵌入到現(xiàn)有應(yīng)用程序中
• 創(chuàng)建 FlutterEngine 和 FlutterViewController
• 指定入口點
• 初始化路由

第十六章 國際化

• 添加國際化支持

• 使App支持國際化

• 系統(tǒng)是如何實現(xiàn)國際化的？

• 添加系統(tǒng)國際化支持

• 添加應(yīng)用程序 title 國際化

• 設(shè)置默認(rèn)語言

• 監(jiān)聽系統(tǒng)語言切換

• 應(yīng)用程序內(nèi)切換語言

• 使用Intl包實現(xiàn)國際化

• 安裝插件

• 添加依賴

• 添加語言

• 添加系統(tǒng)國際化支持

• 在 intl_en.arb 和 intl_zh.arb下添加文案