www.reactnativejs.cn Open in urlscan Pro
8.130.52.190  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Skip to main content

React Native
0.66
 * Next
 * 0.66
 * 0.65
 * 0.64
 * 0.63
 * 0.62
 * 0.61
 * 0.60
 * All versions

DocsComponentsAPICommunityBlog
🌜
🌞

SearchK


Follow @reactnative

React Logo


REACT NATIVE

Learn once, write anywhere.

Get startedLearn basics


CREATE NATIVE APPS FOR ANDROID AND IOS USING REACT

React Native combines the best parts of native development with React, a
best-in-class JavaScript library for building user interfaces.

Use a little—or a lot. You can use React Native today in your existing Android
and iOS projects or you can create a whole new app from scratch.



WRITTEN IN JAVASCRIPT—RENDERED WITH NATIVE CODE

React primitives render to native platform UI, meaning your app uses the same
native platform APIs other apps do.

Many platforms, one React. Create platform-specific versions of components so a
single codebase can share code across platforms. With React Native, one team can
maintain two platforms and share a common technology—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>
);
  


Copy


NATIVE DEVELOPMENT FOR EVERYONE

React Native lets you create truly native apps and doesn't compromise your
users' experiences. It provides a core set of platform agnostic native
components like View, Text, and Image that map directly to the platform’s native
UI building blocks.



SEAMLESS CROSS-PLATFORM

React components wrap existing native code and interact with native APIs via
React’s declarative UI paradigm and JavaScript. This enables native app
development for whole new teams of developers, and can let existing native teams
work much faster.
App.jsHeader.ios.jsHeader.android.jsBody.jsImageTextTextTextTextText


FAST REFRESH

See your changes as soon as you save. With the power of JavaScript, React Native
lets you iterate at lightning speed. No more waiting for native builds to
finish. Save, see, repeat.



TALKS

Members of the React Native team frequently speak at various conferences.

You can follow the latest news from the React Native team on Twitter

Follow @reactnative



FACEBOOK SUPPORTED, COMMUNITY DRIVEN

Facebook released React Native in 2015 and has been maintaining it ever since.

In 2018, React Native had the 2nd highest number of contributors for any
repository in GitHub. Today, React Native is supported by contributions from
individuals and companies around the world including Callstack, Expo, Infinite
Red, Microsoft and Software Mansion.

Our community is always shipping exciting new projects and exploring platforms
beyond Android and iOS with repos like React Native Windows, React Native macOS
and React Native Web.

React Native is being used in thousands of apps, but it's likely you've already
used it in one of these apps:

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

and many more.


GIVE IT A TRY

 1. Run this
    
    npx react-native init MyTestApp

 2. Read these
    
    Get startedLearn basics

Docs
 * Getting Started
 * Tutorial
 * Components and APIs
 * More Resources

Community
 * The React Native Community
 * Who's using React Native?
 * Ask Questions on Stack Overflow
 * Contributor Guide
 * DEV Community

Find us
 * Blog
 * Twitter
 * GitHub

More
 * React
 * Privacy Policy
 * Terms of Service

Copyright © 2021 Facebook, Inc.
京ICP备11008151号-31