跳到主要内容
React Logo

React Native

一次学习,随处编写

使用 React 来创建 Android 和 iOS 的原生应用

React Native 将原生开发的最佳部分与 React 相结合, 致力于成为构建用户界面的顶尖 JavaScript 框架。

酌量添加,多少随意。随时都可以把 React Native 无缝集成到你已有的 Android 或 iOS 项目,当然也可以完全从头焕然一新地重写。

JavaScript 在手,原生我有

将 React 基础抽象组件渲染为原生平台UI组件,意味着每个视图和原生应用都别无二致。

流水的多平台,铁打的 React。绝大多数情况下,使用 React Native 的团队可以在多个平台间共享一份基础代码,以及通用的技术 —— React。

import React from 'react';
import {Text, View} from 'react-native';
import {Header} from './Header';
import {heading} from './Typography';

const WelcomeScreen = () =>
<View>
<Header title="Welcome to React Native"/>
<Text style={heading}>Step One</Text>
<Text>
Edit App.js to change this screen and turn it
into your app.
</Text>
<Text style={heading}>See Your Changes</Text>
<Text>
Press Cmd + R inside the simulator to reload
your app’s code.
</Text>
<Text style={heading}>Debug</Text>
<Text>
Press Cmd + M or Shake your device to open the
React Native Debug Menu.
</Text>
<Text style={heading}>Learn</Text>
<Text>
Read the docs to discover what to do next:
</Text>
</View>

简单易开发,人人有功练

React Native 使你可以创建真正原生的应用,用户体验绝不拉胯。它提供了一些平台无关的抽象核心组件,像是View, Text 以及 Image等,可直接映射渲染为 对应平台的原生UI组件。

无缝跨平台

通过 React 的声明式组件机制和 JavaScript 代码,现有的原生代码和api可以完美地封装嵌合到 React 组件中。这样既为更多新的开发团队赋予原生应用的开发能力,也能极大地提升现有原生团队的开发效率。
App.jsHeader.ios.jsHeader.android.jsBody.jsImageTextTextTextTextText

秒速刷新

保存即刷新。 借助 JavaScript 的动态特性, React Native 能够让你光速迭代。不要再傻等编译了,改、存、刷新!

Facebook 掌舵,社区划桨

Facebook 早在 2015 年就开源了 React Native,至今一直在积极维护和使用。

在 2018 年, React Native 的贡献者数量在所有github的项目中 排名第二。如今,遍布世界各地的公司和个人持续地为 React Native 贡献着代码(包括但不限于):Callstack, Expo, Infinite Red, Microsoft 以及 Software Mansion等。

优秀的社区开发者们一直源源不断地贡献着新的项目,将 React Native 拓展到一个又一个新的平台,例如:React Native Windows, React Native macOS 以及 React Native Web等。

现在就试试吧!

  1. 在命令行中运行

    npx react-native init MyTestApp
  2. 阅读文档

    开始使用搭建环境