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" />