ReactNative探究

本文详细介绍了在Windows环境下如何搭建ReactNative开发环境,包括使用Webstorm作为JS开发工具,以及将ReactNative嵌入到现有Android应用中的步骤。在集成过程中,文章提到了多个常见问题及解决方案,如Gradle配置、依赖冲突、API兼容性问题等,并提供了实时刷新JS代码的方法和真机调试技巧。此外,还展示了如何安装react-navigation库并给出了一个包含导航、弹框、列表和Switch按钮的示例代码。
摘要由CSDN通过智能技术生成

一、环境搭建

可以参考http://reactnative.cn/docs/0.43/getting-started.html#content

我选择的window版本(window7 64bit),顺着文档搭建即可。js开发工具采用的是webstorm11

二、嵌入到现有android应用中

参考http://reactnative.cn/docs/0.43/integration-with-existing-apps.html#content,但要注意以下细节:

1、url "$rootDir/../node_modules/react-native/android" 应该为url "$rootDir/node_modules/react-native/android"  (可能程序结构不一样,需要注意);不然会触发

Failed to resolve : com.facebook.react:react-native:x

2、在android项目目录下执行gradlew installDebug  前需要clean、build(可以命令行执行gradlew clean、gradlew build,也可以在android studio操作);

3、npm start后需要等出现Loading dependency graph,done.;

4、出现app:processDebugManifest Manifest merger with multiple errors ,一般是app的build.gradle的miniSdkVersion最低版本太低,设置为16即可(AndroidManifest.xml也设置下);

5、api23移除了httpcli

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值