react native開(kāi)發(fā)指南

react native開(kāi)發(fā)指南是React Native技術(shù)的開(kāi)發(fā)使用指導(dǎo)書(shū)，由美國(guó)程序員艾森曼編著。本書(shū)是一本實(shí)踐指南，從基礎(chǔ)知識(shí)入手，逐步深入，帶領(lǐng)讀者部署可100%代碼復(fù)用的、成熟的跨平臺(tái)移動(dòng)應(yīng)用。作者通過(guò)示例代碼向Web開(kāi)發(fā)者和前端工程師展示了如何使用移動(dòng)組件構(gòu)建界面并編寫(xiě)樣式，以及如何調(diào)試和部署應(yīng)用。除了框架本身的講解，作者還探討了如何使用第三方庫(kù)，以及如何編寫(xiě)自己的Java或者Objective-C的React Native擴(kuò)展，歡迎免費(fèi)下載功閱讀。

內(nèi)容介紹

《react native開(kāi)發(fā)指南》全書(shū)通過(guò)豐富的示例和詳細(xì)的講解，介紹了React Native這款JavaScript框架。在React Native中利用現(xiàn)有的JavaScript和React知識(shí)，就可以開(kāi)發(fā)和部署功能完備的、真正原生的移動(dòng)應(yīng)用，并同時(shí)支持iOS與Android平臺(tái)。除了框架本身的概念講解之外，本書(shū)還討論了如何使用第三方庫(kù)，以及如何編寫(xiě)自己的Java或Objective-C的React Native擴(kuò)展。

其內(nèi)容如下：

- 了解React Native如何開(kāi)放原生UI組件接口

- 類(lèi)比HTML元素，了解該框架如何使用原生組件

- 創(chuàng)建自己的React Native組件和應(yīng)用，并為它們編寫(xiě)樣式

- 為該框架不支持的API和功能安裝第三方模塊

- 使用工具來(lái)調(diào)試代碼，并解決JavaScript之外的問(wèn)題

- 整合所學(xué)知識(shí)，開(kāi)發(fā)一款高效記憶閃卡應(yīng)用——Zebreto

- 部署應(yīng)用至iOS應(yīng)用商店和Google Play商店

使用說(shuō)明

1、下載并解壓，得出pdf文件

2、如果在電腦上打不開(kāi)pdf文件，別著急，那么您需要先在電腦上下載一個(gè)pdf閱讀軟件

3、有pdf閱讀文件直接雙擊即可打開(kāi)pdf文件

react native開(kāi)發(fā)指南章節(jié)目錄

前言

第1章　初識(shí)React Native　1

1.1　React Native的優(yōu)點(diǎn)　2

1.1.1　開(kāi)發(fā)者體驗(yàn)　2

1.1.2　代碼復(fù)用與知識(shí)共享　3

1.2　風(fēng)險(xiǎn)和缺點(diǎn)　4

1.3　小結(jié)　4

第2章　React Native工作原理　5

2.1　React Native是如何工作的　5

2.2　渲染周期　7

2.3　在React Native中創(chuàng)建組件　7

2.3.1　編寫(xiě)視圖　7

2.3.2　使用JSX　9

2.3.3　原生組件的樣式　10

2.4　宿主平臺(tái)接口　11

2.5　小結(jié)　12

第3章　構(gòu)建你的第一個(gè)應(yīng)用　13

3.1　搭建環(huán)境　13

3.1.1　安裝React Native　14

3.1.2　iOS依賴　14

3.1.3　Android依賴　14

3.2　創(chuàng)建一個(gè)新的應(yīng)用　17

3.2.1　在iOS平臺(tái)運(yùn)行React Native應(yīng)用　18

3.2.2　部署到iOS設(shè)備　20

3.2.3　在Android平臺(tái)運(yùn)行React Native應(yīng)用　23

3.2.4　小結(jié)：創(chuàng)建并運(yùn)行項(xiàng)目　24

3.3　探索示例代碼　24

3.3.1　添加組件到視圖中　24

3.3.2　React Native中的模塊導(dǎo)入　25

3.3.3　FirstProject組件　26

3.4　開(kāi)發(fā)天氣應(yīng)用　27

3.4.1　處理用戶輸入　28

3.4.2　展現(xiàn)數(shù)據(jù)　30

3.4.3　添加背景圖片　34

3.4.4　從Web獲取數(shù)據(jù)　36

3.4.5　整合　37

3.5小結(jié)　40

第4章　移動(dòng)應(yīng)用組件　42

4.1　類(lèi)比HTML元素與原生組件　42

4.1.1　文本組件　43

4.1.2　圖片組件　45

4.2　處理觸摸和手勢(shì)　46

4.2.1　使用TouchableHighlight　47

4.2.2　GestureResponder系統(tǒng)　49

4.2.3　PanResponder　52

4.3　使用結(jié)構(gòu)化組件　58

4.3.1　使用ListView　58

4.3.2　使用Navigator　66

4.3.3　其他結(jié)構(gòu)化組件　68

4.4　平臺(tái)特定組件　69

4.4.1　iOS或Android特定組件　69

4.4.2　平臺(tái)特定版本的組件　70

4.4.3　何時(shí)使用平臺(tái)特定組件　74

4.5　小結(jié)　74

第5章　樣式　75

5.1　聲明和操作樣式　75

5.1.1　內(nèi)聯(lián)樣式　76

5.1.2　對(duì)象樣式　76

5.1.3　使用Stylesheet.Create　77

5.1.4　樣式拼接　77

5.2　組織和繼承　79

5.2.1　導(dǎo)出樣式對(duì)象　79

5.2.2　樣式作為屬性傳遞　80

5.2.3　復(fù)用和共享樣式　81

5.3　定位和設(shè)計(jì)布局　81

5.3.1　使用flexbox布局　82

5.3.2　使用絕對(duì)定位　86

5.3.3　學(xué)以致用　86

5.4　小結(jié)　91

第6章　平臺(tái)接口　92

6.1　使用定位接口　93

6.1.1　獲取用戶地理位置　93

6.1.2　處理權(quán)限問(wèn)題　94

6.1.3　在iOS模擬器上測(cè)試定位　95

6.1.4　監(jiān)聽(tīng)用戶位置　96

6.1.5　限制　96

6.1.6　改進(jìn)天氣應(yīng)用　96

6.2　使用用戶圖片與攝像頭　99

6.2.1　相機(jī)模塊　99

6.2.2　通過(guò)getPhotoParams獲取圖片　101

6.2.3　從相機(jī)渲染一張圖片　101

6.2.4　展示照片列表　103

6.2.5　上傳圖片至服務(wù)器　107

6.3　AsyncStore持久化數(shù)據(jù)存儲(chǔ)　108

6.4　智能天氣應(yīng)用　109

6.4.1　WeatherProject組件　111

6.4.2　Forecast組件　114

6.4.3　Button組件　115

6.4.4　LocationButton組件　116

6.4.5　PhotoBackdrop組件　117

6.5　小結(jié)　119

第7章　模塊　120

7.1　使用npm安裝JavaScript類(lèi)庫(kù)　120

7.2　iOS原生模塊　121

7.2.1　導(dǎo)入第三方組件　122

7.2.2　使用視頻組件　125

7.2.3　剖析Objective-C原生模塊　125

7.2.4　RCTVideo的實(shí)現(xiàn)　128

7.3　Android原生模塊　130

7.3.1　安裝第三方組件　130

7.3.2　剖析Java原生模塊　134

7.3.3　LinearGradient的Android實(shí)現(xiàn)　137

7.4　跨平臺(tái)原生模塊　139

7.5　小結(jié)　141

第8章　調(diào)試與開(kāi)發(fā)者工具　142

8.1　JavaScript調(diào)試實(shí)踐和解釋　142

8.1.1　激活開(kāi)發(fā)者選項(xiàng)　142

8.1.2　使用console.log調(diào)試　143

8.1.3　使用JavaScript調(diào)試器　145

8.1.4　使用React開(kāi)發(fā)者工具　146

8.2　React Native調(diào)試工具　147

8.2.1　使用審查元素功能　147

8.2.2　宕機(jī)紅屏　148

8.3　JavaScript之外的調(diào)試方法　152

8.3.1　常見(jiàn)的開(kāi)發(fā)環(huán)境問(wèn)題　153

8.3.2　常見(jiàn)的Xcode問(wèn)題　153

8.3.3　常見(jiàn)的Android問(wèn)題　154

8.3.4　React Native包管理器　155

8.3.5　部署至iOS設(shè)備的問(wèn)題　156

8.3.6　模擬器行為　157

8.4　測(cè)試代碼　158

8.4.1　使用Flow進(jìn)行類(lèi)型檢查　158

8.4.2　使用Jest進(jìn)行測(cè)試　158

8.5　當(dāng)你陷入困境　160

8.6　小結(jié)　160

第9章　學(xué)以致用　161

9.1　閃卡應(yīng)用　161

9.1.1　項(xiàng)目結(jié)構(gòu)　163

9.1.2　組件層次結(jié)構(gòu)　164

9.2　模型與數(shù)據(jù)存儲(chǔ)　168

9.2.1　數(shù)據(jù)流架構(gòu)：Reflux與Flux　170

9.2.2　在Zebreto中使用Reflux　173

9.2.3　AsyncStorage與Reflux Store的持久化　175

9.3　使用Navigator　177

9.4　探索第三方依賴　180

9.5　響應(yīng)式設(shè)計(jì)與字體尺寸　180

9.6　小結(jié)及任務(wù)　183

第10章　部署至iOS應(yīng)用商店　184

10.1　準(zhǔn)備Xcode工程　184

10.1.1　選擇支持的設(shè)備和目標(biāo)iOS版本　185

10.1.2　啟動(dòng)界面圖像　186

10.1.3　添加應(yīng)用圖標(biāo)　188

10.1.4　設(shè)置Bundle名稱　190

10.1.5　更新AppDelegate.m　190

10.1.6　為發(fā)布設(shè)置Schema　191

10.2　上傳應(yīng)用　192

10.2.1　完成協(xié)議文書(shū)　192

10.2.2　創(chuàng)建歸檔　193

10.2.3　在iTunes Connect上創(chuàng)建應(yīng)用　196

10.3　使用TestFlight進(jìn)行Beta測(cè)試　199

10.4　提交應(yīng)用審核　200

10.5　小結(jié)　201

第11章　部署Android應(yīng)用　203

11.1　設(shè)置應(yīng)用圖標(biāo)　203

11.2　生成release版本的APK　205

11.3　通過(guò)郵件或鏈接發(fā)布　207

11.4　提交應(yīng)用至Play商店　207

11.4.1　通過(guò)Play Store進(jìn)行Beta測(cè)試　209

11.4.2　Play商店列表　210

11.4.3　商店列表所需的資源　211

11.4.4　發(fā)布應(yīng)用　212

11.5　小結(jié)　214

總結(jié)　215

附錄A　ES6語(yǔ)法　216

附錄B　命令與快速入門(mén)指南　219

作者簡(jiǎn)介　221

關(guān)于封面　221