React Native跨平台原生应用开发指南

Viewed 0

使用 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 组件中。这样既为更多新的开发团队赋予原生应用的开发能力,也能极大地提升现有原生团队的开发效率。

秒速刷新

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

现在就试试吧!

  1. 在命令行中运行 npx react-native init MyTestApp

  2. 阅读文档 开始使用 搭建环境

0 Answers