Android原生项目集成React Native

首先感谢文章的作者

1.创建Android项目,或者已经有新的项目了。

2.我都是按照文章链接来创建的,在最后运行时提示下图.so文件加载失败

image.png

在android studio 中设置


Android原生项目集成React Native_第1张图片
image.png
 ndk {
            abiFilters "armeabi-v7a", "x86"
        }

然后运行提示没服务。
问题参考
最后感谢文章的作者。嘿嘿嘿。

还有个问题,我使用android studio 打开项目的,怎么方便编写.js文件呢?

所有我们就用webstrom来写react native相关的文件,但是会遇到,窗口切换的时候,老是提示我们文件被修改喊刷新。烦躁。此博文很好的解决了问题.感谢。于是可以愉快的开发了

React-Native Android真机测试 -unable to load script from assets 'index.android bundle'...

参考:资料
因为我是集成到现有android应用的。所有注意路径的复制

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output  app/src/main/assets/index.android.bundle --assets-dest app/src/main/res/    

webstorm创建参考:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

没有了android 目录就生成了


image.png

==================有个坑,我在我以前的android项目上按上述的步骤集成了react native。但是我的真机摇晃没得弹出设置菜单,我是允许了悬浮设置的。

没办法。只能在index.android.js中修改了,
Android原生项目集成React Native_第2张图片
image.png
卡在这里半天不动,就只有手动加载如下,然后运行android项目。

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output  app/src/main/assets/index.android.bundle --assets-dest app/src/main/res/    

阿西吧,,,,,最后,我的真机摇晃没得弹出设置菜单???我发现设置中,默认设置是flase,妈的,原来怎么设置flase也行呢??
1.如果你直接继承 AppCompatActivity ,实现DefaultHardwareBackBtnHandler

Android原生项目集成React Native_第3张图片
image.png

这里设置
2.如果你是继承ReactActivty ,并继承 ReactApplication,在baseapplication的这里设置
image.png

,也是怪我没认真看别人的文档。
感谢文章作者
Android原生项目集成React Native_第4张图片
image.png

上线的时候,请注释。。

SVN提交忽略文件

在项目
image.png

,这个包可以忽略不添加,右键选择ToatosSVN选择忽略。拉去的时候,肯定没有,直接,在命令行中执行
Android原生项目集成React Native_第5张图片
image.png
,就会生成node_modules目录

你可能感兴趣的:(Android原生项目集成React Native)