React Native實(shí)戰(zhàn)：JavaScript開發(fā)iOS和Android應(yīng)用

目錄
譯者序
致謝
前言
關(guān)于本書
關(guān)于作者
關(guān)于封面配圖
第一部分 React Native入門
第1章 React Native入門
1.1 介紹React和React Native
1.1.1 一個(gè)基本的React類
1.1.2 React生命周期
1.2 讀者將學(xué)到什么
1.3 讀者應(yīng)該具備什么
1.4 了解React Native的工作原理
1.4.1 JSX
1.4.2 線程
1.4.3 React
1.4.4 單向數(shù)據(jù)流
1.4.5 差異化
1.4.6 組件思維
1.5 React Native的優(yōu)點(diǎn)
1.5.1 對開發(fā)者的可用性
1.5.2 提高開發(fā)人員生產(chǎn)力
1.5.3 性能
1.5.4 單向數(shù)據(jù)流
1.5.5 開發(fā)人員體驗(yàn)
1.5.6 代碼轉(zhuǎn)換
1.5.7 生產(chǎn)力和效率
1.5.8 社區(qū)
1.5.9 開源
1.5.10 立即更新
1.5.11 構(gòu)建跨平臺移動應(yīng)用程序的其他解決方案
1.6 React Native的缺點(diǎn)
1.7 創(chuàng)建和使用基本組件
1.7.1 組件概述
1.7.2 原生組件
1.7.3 組件的構(gòu)成
1.7.4 可導(dǎo)出的組件
1.7.5 組件組合
1.8 創(chuàng)建一個(gè)入門項(xiàng)目
1.8.1 Create React Native App CLI
1.8.2 React Native CLI

第2章 了解React
2.1 使用狀態(tài)管理組件數(shù)據(jù)
2.1.1 正確操作組件的狀態(tài)
2.2 使用屬性管理組件數(shù)據(jù)
2.3 React組件規(guī)范
2.3.1 使用render方法創(chuàng)建UI
2.3.2 使用屬性初始值設(shè)定項(xiàng)和構(gòu)造函數(shù)
2.4 反React生命周期方法
2.4.1 靜態(tài)方法getDerivedStateFromProps
2.4.2 生命周期方法componentDidMount
2.4.3 生命周期方法shouldComponentUpdate
2.4.4 生命周期方法componentDidUpdate
2.4.5 生命周期方法componentWillUnmount

第3章 構(gòu)建React Native應(yīng)用程序
3.1 todo app布局
3.2 todo app編碼
3.3 打開開發(fā)者菜單
3.3.1 在iOS模擬器中打開開發(fā)者菜單
3.3.2 在Android模擬器中打開開發(fā)者菜單
3.3.3 使用開發(fā)者菜單
3.4 繼續(xù)構(gòu)建todo app

第二部分 在React Native中開發(fā)應(yīng)用程序
第4章 樣式入門
4.1 在React Native中應(yīng)用和組織樣式
4.1.1 在應(yīng)用程序中應(yīng)用樣式
4.1.2 組織樣式
4.1.3 將樣式視為代碼
4.2 將樣式應(yīng)用于View組件
4.2.1 設(shè)置背景顏色
4.2.2 設(shè)置邊框border屬性
4.2.3 指定邊距margin和填充padding
4.2.4 使用位置position放置組件
4.2.5胸卡Profile Card定位
4.3將樣式應(yīng)用于Text組件
4.3.1 對比Text組件與View組件
4.3.2 字體樣式
4.3.3 使用裝飾性文本樣式

第5章 樣式進(jìn)階
5.1 針對特定平臺的尺寸和樣式
5.1.1 像素、點(diǎn)和DP
5.1.2 使用ShadowPropTypesIOS和Elevation創(chuàng)建陰影
5.1.3實(shí)戰(zhàn)：在胸卡上設(shè)置陰影
5.2 使用變形來移動、旋轉(zhuǎn)、縮放和傾斜組件
5.2.1 透視產(chǎn)生的3D效果
5.2.2 使用translateX和translateY沿x軸和y軸移動元素
5.2.3 使用rotateX，rotateY和rotateZ旋轉(zhuǎn)元素（rotate）
5.2.4 旋轉(zhuǎn)超過90°時(shí)設(shè)置可見性
5.2.5 使用scale、scaleX和scaleY縮放屏幕上的對象
5.2.6 使用縮放變形創(chuàng)建胸卡縮略圖
5.2.7 skewX和skewY使元素沿x軸和y軸傾斜
5.2.8 變形的關(guān)鍵點(diǎn)
5.3 使用flexbox布置組件
5.3.1 使用flex改變組件的尺寸
5.3.2 使用flexDirection指定flex的方向
5.3.3 使用justifyContent定義組件沿主軸的排列方式
5.3.4 使用alignItems對齊容器中的子項(xiàng)
5.3.5 使用alignSelf覆蓋父容器的對齊方式
5.3.6 使用flexWrap防止項(xiàng)目被剪裁

第6章 導(dǎo)航
6.1 對比React Native導(dǎo)航與網(wǎng)頁導(dǎo)航
6.2 構(gòu)建一款頁面導(dǎo)航應(yīng)用程序
6.3 實(shí)現(xiàn)數(shù)據(jù)持久化
6.4 使用DrawerNavigator創(chuàng)建抽屜式導(dǎo)航

第7章 動畫
7.1 介紹Animated API
7.2 獲得焦點(diǎn)時(shí)表單輸入放大
7.3 用插值創(chuàng)建自定義加載動畫
7.4 創(chuàng)建多個(gè)并行動畫
7.5 創(chuàng)建一個(gè)動畫序列
7.6 使用Animated.stagger交錯(cuò)動畫開始時(shí)間
7.7 Animated動畫庫的其他技巧
7.7.1 重置動畫值
7.7.2 調(diào)用回調(diào)函數(shù)
7.7.3 使用useNativeDriver卸載動畫至原生線程
7.7.4 使用createAnimatedComponent創(chuàng)建自定義可動畫組件

第8章 使用Redux數(shù)據(jù)架構(gòu)庫
8.1 Redux的定義
8.2 使用context在React應(yīng)用程序中創(chuàng)建和管理全局state
8.3 在React Native應(yīng)用程序中實(shí)現(xiàn)Redux
8.4 創(chuàng)建Redux reducer來存放Redux的state
8.5 添加provider并創(chuàng)建store
8.6 使用connect函數(shù)訪問數(shù)據(jù)
8.7 添加action
8.8 在reducer中刪除Redux store中的項(xiàng)目

第三部分API參考
第9章 實(shí)現(xiàn)跨平臺API
9.1 使用Alert API創(chuàng)建跨平臺通知
9.1.1 告警用例
9.1.2 告警示例
9.2 使用AppState API檢測當(dāng)前應(yīng)用程序的狀態(tài)
9.2.1 AppState用例
9.2.2 使用AppState的示例
9.3 使用AsyncStorage API實(shí)現(xiàn)數(shù)據(jù)保存
9.3.1 AsyncStorage用例
9.3.2 使用AsyncStorage的示例
9.4 使用Clipboard API將文本復(fù)制到剪貼板
9.4.1 Clipboard用例
9.4.2 使用Clipboard的示例
9.5 使用Dimensions API獲取用戶的屏幕信息
9.5.1 Dimensions API用例
9.5.2 使用Dimensions API的示例
9.6 使用Geolocation API 獲取用戶當(dāng)前的位置信息
9.6.1 Geolocation API用例
9.6.2 使用Geolocation API的示例
9.7 使用Keyboard API控制本機(jī)鍵盤的位置和功能
9.7.1 Keyboard API用例
9.7.2 使用Keyboard API的示例
9.8 使用NetInfo獲取用戶的當(dāng)前聯(lián)網(wǎng)狀態(tài)（在線/離線）
9.8.1 NetInfo用例
9.8.2 使用NetInfo的示例
9.9 使用PanResponder獲取觸摸和手勢事件信息
9.9.1 PanResponder API用例
9.9.2 使用PanResponder的示例

第10章 實(shí)現(xiàn)特定于iOS的組件和API
10.1 特定平臺代碼
10.1.1 iOS和Androld文件擴(kuò)展名
10.1.2 使用Platform API檢測平臺
10.2 DatePickerIOS
10.2.1 DatePickerIOS用例
10.3 使用PickerIOS組件處理值列表
10.3.1 使用PickerIOS的示例
10.4 使用ProgressViewIOS顯示加載進(jìn)度
10.4.1 ProgressViewIOS用例
10.4.2 使用ProgressViewIOS的示例
10.5 使用SegmentedControlios創(chuàng)建水平選項(xiàng)卡欄
10.5.1 SegmentedControlIOS用例
10.5.2 使用SegmentedControlIOS的示例
10.6 使用TabBarIOS在UI底部渲染選項(xiàng)卡
10.6.1 TabBarIOS用例
10.6.2 使用TabBarIOS的示例
10.7 使用ActionSheetIOS顯示操作表或分享框
10.7.1 ActionSheetIOS用例
10.7.2 使用ActionSheetIOS的示例

第11章 實(shí)現(xiàn)特定于Android的組件和API
11.1 使用DrawerLayoutAndroid創(chuàng)建側(cè)滑菜單
11.2 使用ToolbarAndroid創(chuàng)建工具欄
11.3 使用ViewPagerAndroid實(shí)現(xiàn)可滾動分頁
11.4 使用DatePickerAndroid API顯示本機(jī)的日期選擇器
11.5 使用TimePickerAndroid創(chuàng)建時(shí)間選擇器
11.6 使用ToastAndroid實(shí)現(xiàn)Android toast

第四部分 將各部分整合為一個(gè)應(yīng)用程序
第12章 使用跨平臺組件構(gòu)建Star Wars 應(yīng)用
12.1 創(chuàng)建Star Wars 應(yīng)用并安裝依賴項(xiàng)
12.1.1 導(dǎo)入People組件并創(chuàng)建Container組件
12.1.2 創(chuàng)建導(dǎo)航組件并注冊路徑
12.1.3 為初始視圖創(chuàng)建主類
12.2 使用FlatList、Modal和Picker創(chuàng)建People組件
12.2.1 創(chuàng)建state并設(shè)置fetch調(diào)用以檢索數(shù)據(jù)
12.2.2 添加剩余的類方法
12.2.3 實(shí)現(xiàn)render的方法
12.3 創(chuàng)建HomeWorld組件
12.3.1 創(chuàng)建HomeWorld類并初始化狀態(tài)
12.3.2 使用url屬性從API獲取數(shù)據(jù)
12.3.3 完成HomeWorld組件

附錄A 安裝并運(yùn)行React Native
A.1 開發(fā)iOS 應(yīng)用
A.1.1 準(zhǔn)備開始
A.1.2 在iOS 上測試安裝
A.2 開發(fā)Android 應(yīng)用
A.2.1 使用Mac 開發(fā)Android 應(yīng)用
A.2.2 使用Windows 開發(fā)Android 應(yīng)用
A.2.3 使用Linux 開發(fā)Android 應(yīng)用
A.2.4 創(chuàng)建新項(xiàng)目（Mac/Windows/Linux）
A.2.5 運(yùn)行該項(xiàng)目（Mac/Windows/Linux）