Android原生项目集成React Native混合开发

假设你已经配置好了React Native开发所需的开发环境,若没有,建议先看这篇React Native官网的翻译:搭建开发环境

以下本篇的正文:

初始化React Native

生成package.json文件,该文件用于记录react native版本信息和依赖包

加入React,React Native类库

生成flowconfig文件

配置原生安卓项目的Gradle

添加权限

添加React native入口

在项目根目录下,新建index.js文件作为React Native控件配置页

Hello World示例

编译运行到安卓真机

打包

新建assert资产文件

小结

本次Android集成了React Native0.51.0版本的环境(最新为0.56.0),采取了原生项目为主,编译和打包仍走安卓项目的Gradle流程

React Native集成过程中,由于Kotlin改写了模块iml文件里的某处标签信息,使得项目无法正常编译,往文件里手动添加如下标签得以修复:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180803G083EC00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励