React Native跨平臺移動應(yīng)用開發(fā)

目　錄第1章　React Native 11.1 React Native開發(fā)特點 21.1.1 一次學習，隨處編寫 21.1.2 混合開發(fā) 21.1.3 高效的UI開發(fā) 31.1.4 高效的UI調(diào)試 41.1.5 學習門檻低、開發(fā)難度低 41.1.6 開發(fā)軟硬件要求低 51.1.7 使用React Native開發(fā)的代價 51.1.8 為什么React Native尚未流行 71.2 React Native開發(fā)環(huán)境搭建 71.2.1 開發(fā)環(huán)境搭建起點 71.2.2 Windows操作系統(tǒng)下React Native開發(fā)環(huán)境搭建 81.2.3 蘋果操作系統(tǒng)下React Native開發(fā)環(huán)境搭建 91.2.4 查看與刪除使用npm命令安裝的軟件 111.3 代碼編輯環(huán)境搭建 111.3.1 Sublime Text 3 111.3.2 開發(fā)用插件 111.3.3 Sublime界面風格選擇 131.3.4 鍵盤使用習慣 131.4 React Native Dev tool安裝 14第2章　狀態(tài)機思維與狀態(tài)機變量 162.1 初始化項目 162.2 運行項目 172.2.1 使用Android手機進行調(diào)測 182.2.2 使用iPhone手機或模擬器進行調(diào)測 212.2.3 修改JSX代碼 222.2.4 ES 6語法與ES 5語法 242.2.5 啟動調(diào)試工具 252.3 構(gòu)建注冊頁面 282.4 React Native代碼執(zhí)行邏輯 322.5 狀態(tài)機思維與狀態(tài)機變量 332.5.1 狀態(tài)機思維 332.5.2 “冒充常量”的狀態(tài)機變量 352.5.3 “無處安放”的狀態(tài)機變量 362.5.4 “努力瘦身”的狀態(tài)機變量 362.6 React Native組件間通信 372.7 深入理解UI重新渲染的過程 372.7.1 合并狀態(tài)機變量 372.7.2 判斷是否渲染 402.7.3 替換狀態(tài)機變量 402.7.4 強制啟動渲染 412.7.5 渲染過程 412.7.6 合并狀態(tài)機變量的最簡語法 422.8 React Native組件的成員變量 422.9 React Native組件的靜態(tài)變量、靜態(tài)函數(shù) 43第3章　頁面導(dǎo)航、彈出框及深入理解屬性 443.1 分離注冊組件、組件平臺自適配 443.1.1 分離注冊組件 443.1.2 組件平臺自適配 443.1.3 平臺檢測 453.2 導(dǎo)航組件、掛接注冊組件 453.3 掛接注冊等待組件 473.4 Navigator組件工作機制 493.4.1 push與pop 503.4.2 replace函數(shù) 503.5 自定義組件 513.5.1 “彈出一切框”的實現(xiàn) 513.5.2 React Native中顏色類型的值 533.5.3 掛接自定義組件 543.6 BackAndroid API的bug與解決辦法 563.7 屬性確認 583.8 指定屬性默認值 603.9 Alert應(yīng)用程序編程接口 603.9.1 彈出確認框 603.9.2 彈出選擇框 613.10 帶導(dǎo)航欄的頁面導(dǎo)航 62第4章　混合開發(fā)基礎(chǔ)篇 634.1 iOS平臺混合開發(fā) 634.1.1 與iOS 側(cè)原生代碼消息互通 644.1.2 React Native代碼到iOS原生代碼的消息 654.1.3 iOS 原生代碼到React Native代碼的消息 684.1.4 與iOS OC原生代碼界面切換 694.1.5 應(yīng)用初始界面設(shè)定 694.1.6 iOS混合開發(fā)中傳遞的參數(shù)類型 704.1.7 混合開發(fā)中的多線程使用 704.1.8 原生代碼實現(xiàn)Promise機制 714.1.9 跨語言常量 724.2 Android平臺混合開發(fā) 734.2.1 與Android原生代碼消息互通 744.2.2 React Native代碼到Android原生代碼的消息 754.2.3 與Android原生代碼界面的切換 784.2.4 Android原生代碼到React Native代碼的消息 824.2.5 應(yīng)用初始界面設(shè)定 864.2.6 傳遞的參數(shù)類型 864.2.7 回調(diào)函數(shù)與Promise機制 864.2.8 監(jiān)聽ActivityResult與Android生命周期事件 884.2.9 混合開發(fā)中的多線程機制 894.2.10 跨語言常量 89第5章　flexbox布局、View、Image與可觸摸組件 905.1 flexbox布局 905.1.1 位置及寬、高相關(guān)樣式鍵 915.1.2 決定子組件排列規(guī)則的鍵 925.1.3 決定組件顯示規(guī)則的鍵 945.1.4 邊框、空隙與填充 955.1.5 組件多樣式聲明與動態(tài)樣式聲明 965.2 View組件 975.2.1 View組件的顏色與邊框 975.2.2 View組件的陰影與其它他視覺效果 995.2.3 View組件的變形 1015.2.4 View組件的回調(diào)函數(shù) 1045.2.5 View組件的其他屬性 1065.2.6 設(shè)備放置狀態(tài)、根View與onLayout回調(diào)函數(shù) 1065.2.7 pointerEvents屬性 1095.3 Image組件 1115.3.1 加載網(wǎng)絡(luò)圖片 1115.3.2 加載靜態(tài)圖片資源 1125.3.3 加載資源文件中的圖片 1125.3.4 動態(tài)加載手機中的圖片資源 1125.3.5 Image組件的樣式 1135.3.6 Image組件顯示特性 1145.3.7 Image組件的其它他屬性 1175.4 可觸摸組件 1175.4.1 可觸摸組件類型 1185.4.2 TouchableOpacity組件 1185.4.3 TouchableHighlight組件 1185.4.4 其他屬性 1205.5 加深理解三大組件 1205.5.1 使用導(dǎo)航欄的導(dǎo)航框架 1215.5.2 等比放大無丟失顯示圖片 1255.5.3 寬、高動態(tài)變化的組件呈現(xiàn) 128第6章　Text、TextInput等相關(guān)知識 1296.1 Text組件 1296.1.1 樣式鍵設(shè)置 1296.1.2 其他屬性 1316.1.3 Text組件的嵌套 1316.1.4 文本顯示的陰影效果 1326.1.5 Text居中顯示 1336.1.6 在字符串中插入圖像 1356.2 Text組件在兩個平臺上的不同表現(xiàn) 1366.2.1 只指定fontSize，不指定height 1376.2.2 只指定height，不指定fontSize 1376.2.3 fontSize等于height 1376.2.4 height大于fontSize 1386.2.5 邊框在兩個平臺上的不同表現(xiàn) 1386.3 TextInput組件 1406.3.1 TextInput組件樣式鍵 1406.3.2 TextInput組件的屬性 1406.3.3 TextInput組件iOS平臺專有屬性 1416.3.4 TextInput組件Android平臺專有屬性 1426.3.5 TextInput組件的成員函數(shù) 1426.4 TextInput組件在兩個平臺上的不同表現(xiàn) 1436.4.1 Android平臺的輸入下畫線 1436.4.2 父組件的alignItems鍵失效 1446.4.3 只指定fontSize，不指定height 1456.4.4 height等于fontSize 1456.4.5 height大于fontSize 1466.4.6 邊框在兩個平臺上的不同表現(xiàn) 1466.5 TextInput組件的生命周期 1476.5.1 獲得焦點 1476.5.2 用戶輸入 1476.5.3 用戶按下提交鍵 1476.5.4 失去焦點 1486.6 軟鍵盤與鍵盤事件 1486.7 組件的引用 1516.7.1 定義組件引用 1516.7.2 得到系統(tǒng)定義的組件引用 1516.7.3 調(diào)用組件的公開成員函數(shù) 1526.7.4 重新設(shè)定組件的屬性 1526.7.5 獲得組件的位置 1546.8 跨平臺狀態(tài)欄組件 1556.8.1 StatusBar組件屬性 1556.8.2 StatusBar組件使用示例 1566.8.3 手機狀態(tài)欄在開發(fā)中的處理 1576.8.4 StatusBarIOS API 1586.9 高度自增長的擴展TextInput組件 1596.10 訪問操作系統(tǒng)剪貼板 160第7章　組件生命周期、數(shù)據(jù)存儲及React Native應(yīng)用實現(xiàn)步驟 1637.1 組件生命周期 1637.1.1 getInitialState 1637.1.2 getDefaultProps 1637.1.3 componentWillMount 1647.1.4 componentDidMount 1647.1.5 componentWillReceiveProps 1647.1.6 shouldComponentUpdate 1657.1.7 componentWillUpdate 1657.1.8 componentDidUpdate 1657.1.9 componentWillUnmount 1667.2 讀取JSON文件 1667.3 數(shù)據(jù)持久化操作 1677.3.1 flow語法檢查器 1677.3.2 寫入數(shù)據(jù)、錯誤捕捉 1687.3.3 讀取數(shù)據(jù) 1707.3.4 AsyncStorage API存儲數(shù)據(jù)的無序性 1737.3.5 刪除數(shù)據(jù) 1737.3.6 修改數(shù)據(jù) 1757.3.7 JSON對象存儲 1757.3.8 讀取JSON對象 1767.4 數(shù)據(jù)表操作 1767.5 React Native應(yīng)用實現(xiàn)步驟、日記例程（上） 1767.5.1 應(yīng)用原型 1777.5.2 基礎(chǔ)組件結(jié)構(gòu)設(shè)計 1787.5.3 使用React Native組件搭建靜態(tài)界面 1807.5.4 React Native組件分層 1887.5.5 實現(xiàn)各組件業(yè)務(wù)邏輯 1897.5.6 日記例程（上）總結(jié) 190第8章　ScrollView和ListView 2008.1 ScrollView組件 2008.1.1 ScrollView組件屬性 2008.1.2 ScrollView組件iOS平臺專有屬性 2018.1.3 ScrollView組件Android平臺專有屬性 2028.1.4 ScrollView組件的公開成員函數(shù) 2038.1.5 RefreshControl組件 2038.1.6 ScrollView組件基本用法 2048.2 ListView組件 2068.2.1 ListView組件的屬性 2078.3 簡單的列表 2088.3.1 準備列表的數(shù)據(jù)源 2098.3.2 聲明狀態(tài)機變量 2098.3.3 將數(shù)據(jù)源中的數(shù)據(jù)拷貝到DataSource中 2108.3.4 定義如何渲染列表中的每一行 2108.3.5 實現(xiàn)簡單的列表 2118.3.6 列表欄的高級處理 2178.4 帶分段標志的列表 2178.4.1 準備數(shù)據(jù)源 2188.4.2 聲明狀態(tài)機變量 2188.4.3 將數(shù)據(jù)源中的數(shù)據(jù)拷貝到DataSource中 2198.4.4 定義如何渲染每個分欄 2208.4.5 定義如何渲染首、尾欄 2208.4.6 列表間隔渲染 2208.4.7 實現(xiàn)帶分段標志的列表 2218.4.8 總結(jié) 2218.5 日記例程（下）總結(jié) 221第9章　等待提示條、進度條和Switch 2229.1 ProgressBarAndroid組件 2229.1.1 ProgressBarAndroid組件樣式設(shè)置 2229.1.2 ProgressBarAndroid其他屬性 2229.1.3 Android平臺等待提示條 2229.1.4 React Native框架中定時器的使用 2249.1.5 Android平臺進度條 2259.2 iOS進度條組件 2269.2.1 ProgressViewIOS組件樣式設(shè)置 2269.2.2 ProgressViewIOS其他屬性 2269.2.3 iOS平臺進度條 2269.3 iOS平臺等待提示條 2279.3.1 ActivityIndicatorIOS組件樣式設(shè)置 2279.3.2 ActivityIndicatorIOS其他屬性 2279.3.3 iOS平臺等待提示條 2279.4 Swi