由于之前的项目中也用到Rn,但是很多集成的细节没有记录,随着时间的流逝也逐渐的忘却了。今天抽点时间写个demo记录下点点滴滴。
1、安装Python,这个网上都是文章,不在赘述了。
2、安装node.js ,这个网上都是文章,不在赘述了。
3、利用Android sudio 创建一个Android 工程,由于这个比较简单也就不赘述了。
4、添加依赖和仓库地址:
//依赖
implementation 'com.facebook.react:react-native:0.51.0'
//仓库地址
allprojects {
repositories {
google()
jcenter()
maven {
url "https://jitpack.io"
}
}
}
5、添加RN的view
mReactRootView = new ReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
//.setUseDeveloperSupport(BuildConfig.DEBUG)
.setUseDeveloperSupport(true) //开发者支持,开发的时候要设置为true,不然无法使用开发者菜单
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
// 注意这里的MyReactNativeApp必须对应“index.android.js”中的
// “AppRegistry.registerComponent()”的第一个参数
mReactRootView.startReactApplication(mReactInstanceManager, "MyReactNativeApp", null);
参考文章:React Native 中文网
网友评论