React Native在Android当中实践（三）——集成到Android项目当中

React Native在Android当中实践（三）——集成到Android项目当中

安装JavaScript依赖包

在项目根目录下建立一个名为package.json的空文本文件，而后填入如下内容

{
  "name": "MyReactNativeApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "react": "16.0.0-alpha.6",
    "react-native": "0.44.3"
  }
}
复制代码

version字段没有太大意义（除非你要把你的项目发布到npm仓库）。scripts中是用于启动packager服务的命令。dependencies中的react和react-native的版本取决于你的具体需求。通常来讲咱们推荐使用最新版本。 能够使用 npm info react 例如:

和 npm info react-native

在项目根目录添加.flowconfig 也能够手动建立在浏览器 raw.githubusercontent.com/facebook/re… 网址复制内容建立文件 添加

"start": "node node_modules/react-native/local-cli/cli.js 复制代码

到package.json文件下scripts标签 修改前 如图

修改后 如图

接着，在 AndroidManifest.xml 清单文件中声明网络权限: 若是须要访问 DevSettingsActivity 界面（即开发者菜单），则还须要在 AndroidManifest.xml 中声明: 开发者菜单通常仅用于在开发时从Packager服务器刷新JavaScript代码，因此在正式发布时你能够去掉这一权限。

想学习更多Android知识，或者获取相关资料请加入Android开发交流群：1018342383。 有面试资源系统整理分享，Java语言进阶和Kotlin语言与Android相关技术内核，APP开发框架知识， 360°Android App全方位性能优化。Android前沿技术，高级UI、Gradle、RxJava、小程序、Hybrid、 移动架构师专题项目实战环节、React Native、等技术教程！架构师课程、NDK模块开发、 Flutter等全方面的 Android高级实践技术讲解。还有在线答疑