React Native - 应用

简介

React Native是Facebook开源的一套用Javascript编写原生、高效、流畅的移动应用框架。通过构建具有纯JavaScript静态类型系统的应用程序，React Native能够在iOS和Android平台上生成原生应用程序，并提供类似于ReactJS的语法和组件模型。

React Native它采用了另一种方式：尽量让Web和Native部分共享代码，而不是同源的共享视图。React Native使开发人员能够使用核心的React和原生平台功能来同时构建出令人满意的用户体验，并且可以在大规模项目中使用。

特点

1. 即时编译，提高开发效率。

2. 原生控件使用方便，代码封装简单。

3. 兼容 iOS 和 Android 平台。

4. 支持面向组件的开发方式，提升了代码的可重用性、可维护性。

5. 提供良好的可定制性，自定义控件方便。

使用

React Native的安装、配置、初始化等操作在官方中文网站上都有详细的这方面的文档。在此就不再详细说明。

编写React Native组件

React Native中的组件与Web端的React组件类似。组件负责：

1. 生成HTML元素（React Native组件具有内置UI元素）。

2. 处理与组件相关的事件。

3. 封装与组件相关的CSS样式。

React Native中的组件文件需要定义一个ES6 class，该class必须继承自React.Component。例如：

import React, {Component} from 'react';
import {Text} from 'react-native';

export default class MyComponent extends Component {
  render() {
    return <Text>Hello World</Text>
  }
}

当其他文件import该组件时，可以直接使用。组件名必须以大写字母开头。

编译Android应用

React Native提供了一个很好用的命令行工具，运行该工具可以快速生成打包后的APK文件。具体流程：

1. 安装Java SE Development Kit和Android Studio并配置环境变量。

2. 在项目根目录下执行react-native run-android。

3. 自动编译并安装在连接的设备或模拟器中。

编译iOS应用

React Native中的iOS应用程序可以在Mac OS X上开发和构建。具体流程：

1. 安装Xcode。

2. 安装完Node.js和React Native CLI后，在项目目录执行react-native init [Project_Name]。

3. 在Xcode中打开[Project_Name].xcodeproj。

4. 连接设备/模拟器并运行应用。

结语

以上是React Native简单介绍及基本使用方法，希望对小伙伴们有所帮助。想要更深入的学习和掌握React Native技术，建议参考官网中的文档，阅读相关书籍及源码，多写程序进行实践。