React Native 跨平臺移動應用開發 React Native跨平台移动应用开发

<內容介紹>

React Native師出名門，於2015年11月初成為真正的跨平臺移動應用開發框架。本書從零開始切入React Native開發，逐一講解各個組件，包括頁面導航、彈出框、OS平臺Object c語言混合開發、flexbox佈局、Image、View與可觸摸組件等，適用Android和蘋果兩系統手機開發，是移動開發者學習React Native不可多得的入門寶典。React Native是Facebook公司最新推出的，強大的、開源的跨平臺移動應用開發框架，它能大幅減少跨平臺移動應用開發的工作量，並且代碼結構清晰、簡單易懂。同時React Native框架採用模塊化結構，使應用版本的更新迭代非常簡單。隨著它的日趨成熟，React Native必然會成為移動應用開發的主流技術。本書由淺入深、系統地介紹了使用React Native框架跨平臺開發所需要用到的知識。本書每一章都專註於闡述某一方面的知識，配合若乾個原創的、精小的例程，能讓讀者係統、快速地掌握該方面知識。本書是按照有基本的編程基礎知識，剛學習JavaScript基本語法的讀者佳學習路徑來編寫的。有一定基礎的開發人員也可以將本書作為React Native開發的“字典”來使用，在開發時可以快速查找相關知識點的細節。

React Native師出名門，於2015年11月初成為真正的跨平臺移動應用開發框架。本書從零開始切入React Native開發，逐一講解各個組件，包括頁面導航、彈出框、OS平臺Object c語言混合開發、flexbox佈局、Image、View與可觸摸組件等，適用Android和蘋果兩系統手機開發，是移動開發者學習React Native不可多得的入門寶典。React Native是Facebook公司最新推出的，強大的、開源的跨平臺移動應用開發框架，它能大幅減少跨平臺移動應用開發的工作量，並且代碼結構清晰、簡單易懂。同時React Native框架採用模塊化結構，使應用版本的更新迭代非常簡單。隨著它的日趨成熟，React Native必然會成為移動應用開發的主流技術。本書由淺入深、系統地介紹了使用React Native框架跨平臺開發所需要用到的知識。本書每一章都專註於闡述某一方面的知識，配合若乾個原創的、精小的例程，能讓讀者係統、快速地掌握該方面知識。本書是按照有基本的編程基礎知識，剛學習JavaScript基本語法的讀者最佳學習路徑來編寫的。有一定基礎的開發人員也可以將本書作為React Native開發的“字典”來使用，在開發時可以快速查找相關知識點的細節。

<章節目錄>

第1章React Native 1
1.1 React Native開發特點2
1.1.1一次學習，隨處編寫2
1.1.2混合開發2
1.1.3高效的UI開發3
1.1.4高效的UI調試4
1.1.5學習門檻低、開發難度低4
1.1.6開發軟硬件要求低5
1.1.7使用React Native開發的代價5
1.1.8為什麼React Native尚未流行7
1.2 React Native開發環境搭建7
1.2.1開發環境搭建起點7
1.2. 2 Windows操作系統下React Native開發環境搭建8
1.2.3蘋果操作系統下React Native開發環境搭建9
1.2.4查看與刪除使用npm命令安裝的軟件11
1.3代碼編輯環境搭建11
1.3.1 Sublime Text 3 11
1.3.2開髮用插件11
1.3.3 Sublime界面風格選擇13
1.3.4鍵盤使用習慣13
1.4 React Native Dev tool安裝14
第2章狀態機思維與狀態機變量16
2.1初始化項目16
2.2運行項目17
2.2. 1使用Android手機進行調測18
2.2.2使用iPhone手機或模擬器進行調測21
2.2.3修改JSX代碼22
2.2.4 ES 6語法與ES 5語法24
2.2.5啟動調試工具25
2.3構建註冊頁面28
2.4 React Native代碼執行邏輯32
2.5狀態機思維與狀態機變量33
2.5.1狀態機思維33
2.5.2 “冒充常量”的狀態機變量35
2.5.3 “無處安放”的狀態機變量36
2.5 .4 “努力瘦身”的狀態機變量36
2.6 React Native組件間通信37
2.7深入理解UI重新渲染的過程37
2.7.1合併狀態機變量37
2.7.2判斷是否渲染40
2.7.3替換狀態機變量40
2.7.4強制啟動渲染41
2.7.5渲染過程41
2.7.6合併狀態機變量的最簡語法42
2.8 React Native組件的成員變量42
2.9 React Native組件的靜態變量、靜態函數43
第3章頁面導航、彈出框及深入理解屬性44
3.1分離註冊組件、組件平臺自適配44
3.1.1分離註冊組件44
3.1.2組件平臺自適配44
3.1.3平臺檢測45
3.2導航組件、掛接註冊組件45
3.3掛接註冊等待組件47
3.4 Navigator組件工作機制49
3.4.1 push與pop 50
3.4.2 replace函數50
3.5自定義組件51
3.5.1 “彈出一切框”的實現51
3.5.2 React Native中顏色類型的值53
3.5.3掛接自定義組件54
3.6 BackAndroid API的bug與解決辦法56
3.7屬性確認58
3.8指定屬性默認值60
3.9 Alert應用程序編程接口60
3.9.1彈出確認框60
3.9.2彈出選擇框61
3.10帶導航欄的頁面導航62
第4章混合開發基礎篇63
4.1 iOS平臺混合開發63
4.1.1與iOS側原生代碼消息互通64
4.1.2 React Native代碼到iOS原生代碼的消息65
4.1.3 iOS原生代碼到React Native代碼的消息68
4.1.4與iOS OC原生代碼界面切換69
4.1.5應用初始界面設定69
4.1.6 iOS混合開發中傳遞的參數類型70
4.1.7混合開發中的多線程使用70
4.1.8原生代碼實現Promise機制71
4.1.9跨語言常量72
4.2 Android平臺混合開發73
4.2.1與Android原生代碼消息互通74
4.2.2 React Native代碼到Android原生代碼的消息75
4.2. 3與Android原生代碼界面的切換78
4.2.4 Android原生代碼到React Native代碼的消息82
4.2.5應用初始界面設定86
4.2.6傳遞的參數類型86
4.2.7回調函數與Promise機制86
4.2. 8監聽ActivityResult與Android生命週期事件88
4.2.9混合開發中的多線程機制89
4.2.10跨語言常量89
第5章flexbox佈局、View、Image與可觸摸組件90
5.1 flexbox佈局90
5.1.1位置及寬、高相關樣式鍵91
5.1.2決定子組件排列規則的鍵92
5.1.3決定組件顯示規則的鍵94
5.1.4邊框、空隙與填充95
5.1.5組件多樣式聲明與動態樣式聲明96
5.2 View組件97
5.2.1 View組件的顏色與邊框97
5.2.2 View組件的陰影與其它他視覺效果99
5.2.3 View組件的變形101
5.2.4 View組件的回調函數104
5.2.5 View組件的其他屬性106
5.2.6設備放置狀態、根View與onLayout回調函數106
5.2.7 pointerEvents屬性109
5.3 Image組件111
5.3.1加載網絡圖片111
5.3.2加載靜態圖片資源112
5.3.3加載資源文件中的圖片112
5.3.4動態加載手機中的圖片資源112
5.3.5 Image組件的樣式113
5.3.6 Image組件顯示特性114
5.3.7 Image組件的其它他屬性117
5.4可觸摸組件117
5.4.1可觸摸組件類型118
5.4.2 TouchableOpacity組件118
5.4.3 TouchableHighlight組件118
5.4.4其他屬性120
5.5加深理解三大組件120
5.5.1使用導航欄的導航框架121
5.5.2等比放大無丟失顯示圖片125
5.5.3寬、高動態變化的組件呈現128
第6章Text、TextInput等相關知識129
6.1 Text組件129
6.1.1樣式鍵設置129
6.1.2其他屬性131
6.1.3 Text組件的嵌套131
6.1.4文本顯示的陰影效果132
6.1.5 Text居中顯示133
6.1.6在字符串中插入圖像135
6.2 Text組件在兩個平臺上的不同表現136
6.2.1只指定fontSize，不指定height 137
6.2.2只指定height ，不指定fontSize 137
6.2.3 fontSize等於height 137
6.2.4 height大於fontSize 138
6.2.5邊框在兩個平臺上的不同表現138
6.3 TextInput組件140
6.3.1 TextInput組件樣式鍵140
6.3.2 TextInput組件的屬性140
6.3.3 TextInput組件iOS平臺專有屬性141
6.3.4 TextInput組件Android平臺專有屬性142
6.3.5 TextInput組件的成員函數142
6.4 TextInput組件在兩個平臺上的不同表現143
6.4.1 Android平臺的輸入下畫線143
6.4.2父組件的alignItems鍵失效144
6.4.3只指定fontSize，不指定height 145
6.4.4 height等於fontSize 145
6.4.5 height大於fontSize 146
6.4.6邊框在兩個平臺上的不同表現146
6.5 TextInput組件的生命週期147
6.5.1獲得焦點147
6.5.2用戶輸入147
6.5.3用戶按下提交鍵147
6.5.4失去焦點148
6.6軟鍵盤與鍵盤事件148
6.7組件的引用151
6.7.1定義組件引用151
6.7.2得到系統定義的組件引用151
6.7.3調用組件的公開成員函數152
6.7.4重新設定組件的屬性152
6.7.5獲得組件的位置154
6.8跨平臺狀態欄組件155
6.8.1 StatusBar組件屬性155
6.8.2 StatusBar組件使用示例156
6.8.3手機狀態欄在開發中的處理157
6.8.4 StatusBarIOS API 158
6.9高度自增長的擴展TextInput組件159
6.10訪問操作系統剪貼板160
第7章組件生命週期、數據存儲及React Native應用實現步驟163
7.1組件生命週期163
7.1.1 getInitialState 163
7.1.2 getDefaultProps 163
7.1.3 componentWillMount 164
7.1.4 componentDidMount 164
7.1.5 componentWillReceiveProps 164
7.1.6 shouldComponentUpdate 165
7.1.7 componentWillUpdate 165