Flutter組件精講與實戰

《Flutter組件精講與實戰》是清華大學出版社2021年出版的書籍。

基本介紹

• 中文名：Flutter組件精講與實戰
• 作者：趙龍
• 出版社：清華大學出版社
• 定價：298
• ISBN：9787302569671

內容簡介

本書系統講解 Flutter 中涉及的組件，內容翔實、面面俱到，通過閱讀本書，讀者能夠掌握如何使用 Flutter 來編寫跨平台移動客戶端套用，並且對套用到的組件有透徹的理解。

本書共分為2篇：基礎篇（第1~22章）對Flutter開發中常用的每一個組件，例如MaterialApp、Scaffold、Container、MaterialButton、CheckBox、Switch、ListView等，系統講解從基本使用到如何配置，並深入分析每一個屬性，每一個環節都有對應的案例實現；實戰篇（第23章）綜合基礎篇的組件來實現一個類似抖音視頻類效果實戰案例，講解如何使用Flutter從0到1開發一個App。

本書由簡至繁提供了300多個示例，讀者可以一邊閱讀一邊練習，以掌握Flutter開發中使用的常見組件功能。本書提供的源碼基礎架構，讀者可以直接在此基礎上搭建企業級的套用。

本書面向Flutter初學者，Web前端、iOS開發、Android的開發人員，以及想更多了解Flutter並進階實戰的技術人員閱讀。

圖書目錄

基礎篇

第1章Flutter與Dart語言

1.1Dart語言概述

1.2Flutter概述

1.3Flutter的編譯模式

1.4Dart與Flutter的語法基礎概述

1.4.1Dart語言的基本數據類型

1.4.2Dart語言的變數

1.4.3Dart語言的方法

1.4.4Dart語言的Map、List、Set

1.4.5Dart語言的流程控制

1.4.6Dart語言的異步編程

1.5Android Studio的調試技巧

1.5.1斷點調試

1.5.2Flutter Inspector視圖定位工具

1.5.3Flutter Performance記憶體管理工具

1.5.4Flutter 常用命令

第2章MaterialApp組件的精通使用分析

2.1MaterialApp組件精通使用的簡單描述

2.2MaterialApp基本使用

2.3MaterialApp組件的路由routes配置概述

2.4路由routes配置

2.5路由配置404

2.6路由觀察者

2.6.1基本使用

2.6.2route 解析

2.6.3NavigatorObservers實戰

2.6.4動態路由實戰

2.6.5自定義動態路由實戰

2.6.6自定義圓形過渡效果路由

2.6.7特殊情況動態路由實戰

2.6.8關閉當前頁面

2.7樣式ThemeData精講

2.7.1brightness 屬性分析

2.7.2primarySwatch屬性分析

2.7.3primaryColor屬性分析

2.7.4accentColor屬性分析

2.7.5與觸覺顯示相關屬性分析

2.7.6其他主題概述

2.8多主題適配

2.8.1一行代碼將App渲染成灰色

2.8.2淺談Provider進行狀態管理

2.8.3Provider進行多數據模型狀態管理

2.9多語言環境配置

2.9.1配置日期組件顯示中文

2.9.2配置套用不適配的系統語言默認為英文

2.9.3保存用戶對應用程式語言環境的偏好設定

2.9.4套用內切換語言環境然後動態更新當前語言環境

2.9.5套用內顯示文字適配多語言環境

2.10StatefulWidget、Context、State

2.11語義設計Semantics

2.12Widget的分析

第3章Scaffold組件的詳細綜述

3.1Scaffold的基本使用

3.2FloatingActionButton的詳細配置

3.2.1FloatingActionButton的類型

3.2.2FloatingActionButton的常用屬性使用分析

3.2.3FloatingActionButton的shape屬性分析

3.3Drawer配置側拉頁面

3.3.1用戶信息組件UserAccountsDrawerHeader

3.3.2DrawerHeader

3.3.3單擊按鈕打開與關閉側拉頁面

3.4BottomNavigationBar配置底部導航欄選單

3.4.1items屬性分析

3.4.2type屬性分析

3.4.3bottomNavigationBar結合獨立的StatefulWidget使用

3.4.4bottomNavigationBar頁面保活解決方案

3.5BottomAppBar配置底部導航欄選單

3.6底部標籤欄bottomSheet

第4章AppBar組件的詳細綜述

4.1AppBar的基本使用

4.1.1title屬性分析

4.1.2線性布局Row在屬性title中的使用

4.1.3Row標籤結合PageView實現滑動切換

4.1.4Row標籤結合TabBarView實現滑動切換

4.1.5MediaQuery解析

4.2TabBar結合TabBarView

4.3AppBar的bottom屬性

4.4AppBar的leading屬性

4.5AppBar的actions屬性

4.5.1Icon的樣式配置

4.5.2AppBar的iconTheme與actionsIconTheme

4.6AppBar的flexibleSpace屬性

4.7SliverAppBar使用分析

4.8FlexibleSpaceBar使用分析

4.9SliverAppBar經典布局效果

4.10AppBar、SliverAppBar對比

4.11AppBar的shape屬性分析

第5章文本顯示Text組件

5.1文本顯示組件的基本使用

5.2樣式組件TextStyle的使用分析

5.2.1樣式組件TextStyle的inherit

5.2.2樣式組件TextStyle的顏色配置

5.2.3文字大小fontSize

5.2.4文字粗細設定fontWeight

5.2.5文字斜體設定

5.2.6文字間距設定

5.2.7文字基線textBaseline分析

5.2.8裝飾decoration分析

5.2.9自定義字型fontFamily配置

5.2.10字型列表fontFamilyFallback配置

5.2.11字型陰影shadows配置

5.2.12文本高度height配置

5.3Text中文字對齊方式

5.3.1文字過長顯示省略號

5.3.2文字自動換行設定

5.3.3彈性布局綜述

5.4富文本RichText組件的使用分析

5.5富文本RichText使用案例

5.6文本標籤

5.6.1文本標籤構建

5.6.2文本標籤結合流式布局使用

5.7AnimatedDefaultTextStyle的使用分析

第6章文本輸入框TextField組件

6.1TextField組件的基本使用

6.1.1輸入的文字不可見

6.1.2設定輸入的英文首字母大寫

6.1.3設定彈出的鍵盤類型

6.1.4鍵盤迴車鍵的樣式與功能

6.1.5鍵盤迴車鍵切換輸入框

6.1.6FocusNode輸入框焦點事件的捕捉與監聽

6.1.7TextField 輸入文本對齊配置

6.2TextField組件的設定及允許輸入的文本格式

6.2.1輸入字數限制

6.2.2輸入行數限制

6.2.3隻允許輸入數字

6.2.4隻允許輸入英文字母A~Z的大小寫

6.2.5自定義TextInputFormatter

6.3TextField組件InputDecoration

6.3.1TextField組件去掉默認的下畫線

6.3.2TextField框線裝飾OutlineInputBorder

6.3.3TextField框線裝飾線的顏色配置

6.3.4TextField不可編輯

6.4TextField組件配置提示文本

6.4.1TextField的labelText使用

6.4.2TextField的preIcon使用

6.4.3TextField的countText使用

6.4.4TextField的helperText與errorText

6.5TextField組件控制器TextEditingController

6.6TextField組件游標樣式配置

6.7一個搜尋框

6.7.1搜尋框SearchStaticBar組件構建

6.7.2搜尋輸入框SearchTextFieldBar組件構建

6.7.3搜尋輸入框使用案例

第7章Container組件

7.1Container組件的基本使用

7.1.1Container的大小限定分析

7.1.2Container自適應包裹子Widget

7.2Container組件的內外邊距

7.2.1EdgeInsets分析

7.2.2Padding分析

7.2.3Container在ListView中對子item自適應包裹

7.3Container組件decoration套用

7.3.1BoxDecoration在Container中的套用分析

7.3.2BoxDecoration在Container中的配置陰影

7.3.3BoxDecoration在Container中的配置漸變過渡樣式

7.3.4BoxDecoration配置背景圖像

7.3.5BoxDecoration的shape屬性配置使用

7.3.6ShapeDecoration在Container中的使用分析

7.4自定義ShapeBorder

7.4.1打洞效果

7.4.2手撕優惠券的效果

7.5AnimatedContainer的基本使用

7.6ConstrainedBox組件的使用分析

第8章按鈕組件

8.1MaterialButton的使用分析

8.1.1ButtonThemeData的使用分析

8.1.2各種Color的使用分析

8.1.3MaterialButton的回調函式說明

8.1.4MaterialButton的shape使用分析

8.1.5MaterialButton的寬和高分析

8.1.6MaterialButton的子Widget分析

8.1.7MaterialButton的內邊距分析

8.1.8RaisedButton的使用分析

8.1.9FlatButton的使用分析

8.1.10OutlineButton的使用分析

8.2FloatingActionButton

8.2.1屬性mini分析

8.2.2屬性shape分析

8.2.3標籤樣式

8.2.4與Scaffold的底部bottomNavigationBar綜合使用

8.2.5兩個頁面的過渡動畫

8.2.6懸浮按鈕的旋轉變換

8.2.7懸浮按鈕實現向上彈出的選單效果

8.2.8帶有載入進度的ProgressButton按鈕使用

8.3IconButton系列

8.3.1PopupMenuButton按鈕的使用

8.3.2實現類似微信首頁右上角的小彈框

8.4自定義動畫效果按鈕AnimatedButton

8.5自定義進度互動的動畫按鈕

8.5.1實現背景填充效果的按鈕

8.5.2AnimatedStatusButton的自定義分析

第9章UI布局

9.1線性布局Column

9.1.1Column中子Widget的對齊方式分析

9.1.2Column中子Widget按比例分布

9.1.3Column的寬與高自適應

9.2線性布局Row

9.2.1Row中子Widget的對齊方式分析

9.2.2Row中子Widget按比例分布

9.3彈性布局Flex

9.4流式布局Wrap

9.5基於Wrap實現的tag標籤使用

9.6流式布局Flow

9.6.1初探FlowDelegate

9.6.2圓形動態彈出選單

9.6.3類似開源中國的圓形動態選單

9.6.4向上彈出的動態選單

9.7層疊布局Stack

9.7.1Positioned分析

9.7.2Stack中使用Align

第10章圖片Image組件

10.1載入資源圖片

10.2載入不同解析度資源圖片

10.3Android與iOS中螢幕解析度簡析

10.3.1解析度

10.3.2螢幕尺寸

10.3.3螢幕密度

10.3.4Android中的螢幕像素密度(dip與dp)

10.3.5dip與ppi的區別

10.3.6rpx

10.3.7vw、vh

10.3.8Android中的圖片載入

10.3.9iOS中的圖片載入

10.3.10Flutter程式最終載入圖片

10.3.11Flutter中獲取螢幕相關信息

10.3.12asset靜態方法參數分析使用

10.4通過Image組件載入圖片

10.4.1通過FileImage載入手機存儲目錄下的圖片

10.4.2Android與iOS平台下的存儲目錄分析

10.4.3獲取手機的存儲目錄空間路徑

10.4.4清除數據和清除快取的區別

10.5通過FadeInImage組件載入圖片

10.6通過DecorationImage組件載入圖片

10.7Image.network的使用

10.8載入圓角圖片

10.9RawImage的使用分析

10.10高斯模糊效果

10.11將Widget保存為圖片

10.12圖片添加水印

10.13縮放圖片、拖動圖片

10.14為圖片添加水波紋單擊事件

第11章複選框CheckBox組件

11.1複選框CheckBox的基本使用

11.2CheckboxListTitle的基本使用

11.3實現圓形的複選框

11.4一個註冊頁面

11.4.1在頁面initState之前的準備

11.4.2在build函式中的構建

第12章單選框Radio組件

12.1單選框Radio的基本使用

12.2單選框Radio屬性使用分析

12.3RadioListTitle組件的使用分析

12.4一個優惠券選擇彈框

12.4.1優惠券數據的模擬

12.4.2底部彈框的顯示

12.4.3優惠券彈框UI構建