npm init
npm install --save react react-native
curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig

"start": "node node_modules/react-local-cli/cli.js "

[ignore]

# We fork some components by platform.
.*/*[.]android.js

# Ignore templates with `@flow` in header
.*/local-cli/generator.*

# Ignore malformed json
.*/node_modules/y18n/test/.*.json

# Ignore the website subdir
<PROJECT_ROOT>/website/.*

# Ignore BUCK generated dirs
<PROJECT_ROOT>/.buckd/

# Ignore unexpected extra @providesModule
.*/node_modules/commoner/test/source/widget/share.js

# Ignore duplicate module providers
# For RN Apps installed via npm,"Libraries" folder is inside node_modules/react-native but in the source repo it is in the root
.*/Libraries/react-native/React.js
.*/Libraries/react-native/ReactNative.js
.*/node_modules/jest-runtime/build/__tests__/.*

[include[libs]
Libraries/react-native/react-native-interface.js
flow/

[options]
module.system=haste

esproposal.class_static_fields=enable
esproposal.class_instance_fields=enable

experimental.strict_type_args=true

munge_underscores=true

module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
module.name_mapper='^[./a-zA-Z0-9$_-]+.(bmp|gif|jpg|jpeg|png|psd|svg|webp|m4v|mov|mp4|mpeg|mpg|webm|aac|aiff|caf|m4a|mp3|wav|html|pdf)$' -> 'RelativeImageStub'

suppress_type=$FlowIssue
suppress_type=$FlowFixMe
suppress_type=$FixMe

suppress_comment=(.|n)*$FlowFixMe($|[^(]|((>=0.(3[0-3]|[1-2][0-9]|[0-9]).[0-9])? *(site=[a-z,_]*react_native[a-z,_]*)?))
suppress_comment=$FlowIssue(((3[0-3]|1[0-9|[1-2]).(site=[a-z,_]*react_native]*)?:? #]+
suppress_comment=$FlowFixedInNextDeploy

unsafe.enable_getters_and_setters=true

[version]
^0.33.0

'use strict';

import React from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} 'react-native';

class HelloWorld extends React.Component {
  render() {
    return (
      <View style={styles.container}>
 <Text style={styles.hello}>Hello,World</Text>
 View>
 )
  }
}
var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
  },
  hello: {
    fontSize: 20,
    textAlign:     margin: 10,
});

AppRegistry.registerComponent('HelloWorld',() => HelloWorld);

allprojects {
    repositories {
        jcenter()
        maven {
          	// All of React Native (JS,Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import com.facebook.react.BuildConfig;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactRootView;
import com.facebook.react.common.LifecycleState;
import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
import com.facebook.react.shell.MainReactPackage;
/**
 * Created by silencelin on 2016/10/24.
 */
public MyReactActivity Activity implements DefaultHardwareBackBtnHandler {
    private ReactRootView mReactRootView;
    private ReactInstanceManager mReactInstanceManager;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mReactRootView = new ReactRootView(this);
        mReactInstanceManager = ReactInstanceManager.builder()
                .setApplication(getApplication())
                .setBundleAssetName("index.android.bundle")
                .setJSMainModuleName("index.android")
                .addPackage(new MainReactPackage())
                .setUseDeveloperSupport(BuildConfig.DEBUG)
                .setInitialLifecycleState(LifecycleState.RESUMED)
                .build();
      	// startReactApplication 方法中的 moduleName 参数必须和你在index.android.js 文件中 // AppRegistry.registerComponent 注册的项目名称保持一致
        mReactRootView.startReactApplication(mReactInstanceManager,"AwesomeProject",null);
        setContentView(mReactRootView);
    }

    @Override
    public invokeDefaultOnBackPressed() {
        super.onBackPressed();
    }
  
  	@Override
    onResumesuper.onResume();
        if (mReactInstanceManager != null) {
            mReactInstanceManager.onHostResume(this,187);">this);
        }
    }

    @Override
    onPausesuper.onPause();
        null) {
            mReactInstanceManager.onHostPause();
        }
    }   
    
    @Override
    onDestroysuper.onDestroy();
        null) {
            mReactInstanceManager.onHostDestroy();
        }
    }
	
  	@Override
    onBackPressednull) {
            mReactInstanceManager.onBackPressed();
        } else {
            super.onBackPressed();
        }
    }

    @Override
    boolean onKeyUp(int keyCode,KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_MENU && mReactInstanceManager != null) {
            mReactInstanceManager.showDevOptionsDialog();
            return true;
        }
        super.onKeyUp(keyCode,event);
    }
}

activity
 android:name=".MyReactActivity"
 android:label="@string/app_name"
 android:theme="@style/Theme.AppCompat.Light.NoActionBar">
activity>
activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />