馮誠祺

前言

React Native 開啟了開發原生App 的新方式，不僅加強了開發效率，同時加強了App 的使用者體驗。相比Web App 而言，React Native 可以使用原生的元件和API，這樣就可以釋放Native 的能力和體驗；相比Native 開發而言，前端開發者可以使用JavaScript 開發原生應用，這樣開發效率將獲得很大的強化。

✤ 本書目的

目前，中文針對React Native 說明的圖書和資料都很少，閱讀本書可以幫助你更進一步地開發React Native 應用。或許你已經了解React Native 的基本內容，或許你已經開始了React Native 的開發之旅，無論如何，本書都希望可以帶領大家擁抱React Native，使用React Native。當然，本書也希望彌補中文資料在這方面的欠缺。

✤ 內容和組織結構

本書的內容是我們在實作過程中歸納獲得的，一共分為4 部分。

第一部分：基礎語法篇，共兩章內容，主要介紹了React Native 的開發基礎知識。

■ 第1 章 介紹了React Native 的環境架設、React 與React Native 之間的關係，以及如何學習React Native。

■ 第2 章 主要介紹了React Native 的開發基礎知識，包含flexbox 版面配置、JSX 語法，並且詳細介紹了React Native 建立專案的過程。

第二部分：API 和元件篇，共4 章內容，主要介紹了React Native 的API、元件以及Native 擴充和元件的封裝。

■ 第3 章 介紹了React Native 常用元件， 包含View 元件、Text 元件、NavigatorIOS 元件、TextInput 元件、Touchable 類別元件（TouchableHighlight、TouchableOpacity 和TouchableWithoutFeedback）、Image 元件、TabBarIOS 元件和WebView 元件。

■ 第4 章 介紹了React Native 常用的API，包含AppRegistry、AsyncStorage、AlertIOS、ActionSheetIOS、PixelRatio、AppStateIOS、StatusBarIOS、ivNetInfo、CameraRoll、VibrationIOS、Geolocation、網路資料請求的應用以及計時器和動畫。

■ 第5 章 介紹了React Native 的實現原理以及在原生元件和API 上的擴充，並且以一個「圖表」元件為案例進行實戰說明。

■ 第6 章 介紹了使用JavaScript 封裝React Native 元件，主要實現了二級選單元件、日曆元件以及初步介紹了開放原始碼元件的用法。

第三部分：App 更新和上架篇，共一章內容。

■ 第7 章 介紹了App 的動態更新和上架過程。

第四部分：實戰篇，共3 章內容，介紹了如何使用React Native 開發原生App。

■ 第8 章 介紹了使用React Native 和Node.js 開發企業內部通訊錄應用——「百靈鳥」App。

■ 第9 章 介紹了使用React Native Geolocation API 和高德地圖API 開發LBS 應用——「附近」App。

■ 第10 章 介紹了使用豆瓣開放API 開發一款搜索App，主要包含圖書、電影和音樂搜索。

✤ 本書特色介紹

本書的特色主要在於理論結合實戰，讀者不僅可以了解React Native 的API和元件，同時可以透過案例和實戰深入學習。

✤ 原始程式碼

本書包含的程式碼分為前7 章為繁體，可直接到本公司官網找到對應的書目處下載，8、9、10 為完整範例，為求程式完整，僅提供簡體原始程式碼。原作者可能常常更新這三章的程式，因此托管在Github，讀者們可至https://goo.gl/5JBFVc 下載。另本書創作時間較短，難免會有疏漏，懇請各位讀者指正。

前言

React Native 開啟了開發原生App 的新方式，不僅加強了開發效率，同時加強了App 的使用者體驗。相比Web App 而言，React Native 可以使用原生的元件和API，這樣就可以釋放Native 的能力和體驗；相比Native 開發而言，前端開發者可以使用JavaScript 開發原生應用，這樣開發效率將獲得很大的強化。

✤ 本書目的

目前，中文針對React Native 說明的圖書和資料都很少，閱讀本書可以幫助你更進一步地開發React Native 應用。或許你已經了解React Native 的基本內容，或許你已經開始了React Native 的開發之旅，無論如何，本書都希望可以...

前言
第一部分：基礎語法篇
Chapter 01 React Native 簡介
1.1 環境架設
1.2 從React 到React Native
1.3 為什麼要使用React Native
1.4 如何學習React Native
1.5 說明
Chapter 02 React Native 開發基礎
2.1 flexbox 版面配置
2.2 React 中的JSX
2.3 React Native 開發精靈
2.4 參考資料
第二部分：API 和元件篇
Chapter 03 常用元件及其實作
3.1 View 元件
3.2 Text 元件
3.3 NavigatorIOS 元件
3.4 TextInput 元件
3.5 Touchable 類別元件
3.6 Image 元件
3.7 TabBarIOS 元件
3.8 WebView 元件
Chapter 04 常用API 及其實作
4.1 AppRegistry
4.2 AsyncStorage
4.3 AlertIOS
4.4 ActionSheetIOS
4.5 PixelRatio
4.6 AppStateIOS
4.7 StatusBarIOS
4.8 NetInfo
4.9 CameraRoll
4.10 VibrationIOS
4.11 Geolocation
4.12 資料請求
4.13 計時器
Chapter 05 Native 擴充
5.1 通訊機制
5.2 自訂Native API 元件
5.3 建置Native UI 元件
Chapter 06 元件封裝
6.1 二級選單元件
6.2 日曆元件
6.3 開放原始碼元件
第三部分：App 更新和上架篇
Chapter 07 熱更新和上架
7.1 動態更新
7.2 App 上架
第四部分：實戰篇
Chapter 08 企業內部通訊錄應用程式開發
8.1 需求提出
8.2 技術架構
8.3 伺服器端設計和開發
8.4 用戶端設計和開發
Chapter 09 以LBS 為基礎的應用程式開發
9.1 功能設計
9.2 程式入口和工具模組
9.3 列表元件開發
9.4 詳情頁元件開發
9.5 WebView 地圖模組開發
9.6 綜合效果
Chapter 10 豆搜App
10.1 豆瓣API
10.2 應用設計
10.3 公共模組開發
10.4 功能開發
10.5 完成豆搜App

前言
第一部分：基礎語法篇
Chapter 01 React Native 簡介
1.1 環境架設
1.2 從React 到React Native
1.3 為什麼要使用React Native
1.4 如何學習React Native
1.5 說明
Chapter 02 React Native 開發基礎
2.1 flexbox 版面配置
2.2 React 中的JSX
2.3 React Native 開發精靈
2.4 參考資料
第二部分：API 和元件篇
Chapter 03 常用元件及其實作
3.1 View 元件
3.2 Text 元件
3.3 NavigatorIOS 元件
3.4 TextInput 元件
3.5 Touchable 類別元件
3.6 Image 元件
3.7 TabBarIOS 元件
3.8 WebView 元件
Chapter 04 常用AP...