15、React Native入门：从项目搭建到响应式布局

React Native入门：从项目搭建到响应式布局

1. 为何选择React Native

尽管移动网页UI无法完全复制原生平台UI的所有功能，但仍能实现出色的效果。一个好的网页UI或许是提升移动应用下载量和评分的第一步。理想情况下，可关注以下几个方面：
- 标准网页（笔记本/桌面浏览器）
- 移动网页（手机/平板浏览器）
- 移动应用（手机/平板原生平台）

对这三个方面平均投入精力可能并不明智，因为用户可能更倾向于其中某一个领域。例如，若发现移动应用的需求远高于网页版本，就应在移动应用上投入更多精力。

React Native是为了复用React来创建原生移动应用。React和JSX在声明UI组件方面表现出色，鉴于当前对移动应用的巨大需求，利用已掌握的Web知识来开发移动应用是合理的。

移动应用比移动浏览器更受欢迎，原因在于其使用体验更佳。网页应用在处理移动手势方面不如应用，且在外观和感觉上通常无法融入移动体验。

React Native并非试图实现一个能让单个React应用在所有移动平台上运行的组件库，因为iOS和Android在许多重要方面存在根本差异。不过，在有重叠的部分，React Native会尝试实现通用组件。即便能用React进行原生开发，移动网页应用也不会消失，因为用户能安装的应用数量有限。

2. 启动React Native项目

2.1 使用React Native命令行工具

首先，需安装 react-native-cli 工具来创建一个空的React Native项目。虽然技术上不使用该工具