SkillAgentSearch skills...

AndroidToRN

原生android中嵌入React Native

Install / Use

/learn @wuyunqiang/AndroidToRN

README

AndroidToRN

1:原生android中嵌入React Native<br> 2:封装原生view,viewgroup,原生module<br> 3:使用codepush热更新<br> 4:react navigation自定义tab实现凸起<br> 5:下拉刷新+无限列表+大量图片<br> 6:statusbar颜色+图片<br> 7:modal通过原生popwindow实现全屏,解决status覆盖问题<br> 8:集成redux<br>

环境:

Android studio3.0<br> react native 0.55.4<br> Mac 10.12.6 <br>

如有问题或者需要我添加什么请提issue,我会去实现的

CSDN:http://blog.csdn.net/u014041033?viewmode=contents<br> 简书:简书 <br>

项目下载后<br> 1: cd testApp<br> 2: yarn install<br> 3: npm start<br> 4: android studio打开项目testApp 报错<br> buildbug.png<br> 5:按照codepush3之Android原生引用集成codepush所示修改路径<br> 或者如下修改<br> change react.gradle的14行reactRoot路径<br> reactbuild.png<br> 6:andorid studio 运行项目即可<br>

ChangeLog:<br>

1.0.6<br> modalAndroid.gif image.png

1.0.5<br> 原生下拉刷新+大列表(Flatlist||SGListView)+大量图片 不会卡顿<br> largerlist.gif

1.0.4<br> 1:新增pullLayout->此组件是原生下拉刷新组件的封装(因为android下拉刷新组件一直存在性能问题所以自己封装了一个)<br> 组件基于SmartRefreshLayout仅限Android使用<br> 效果如下:<br> nativepull.gif

1.0.3<br> 1:添加下拉刷新react-native-pullview<br> 2:添加自定义Tab<br> 效果:<br> pullview.gif custometab.gif

1.0.2<br> 纯原生->一半rn一半原生->纯rn<br> 效果:<br> nativetiRN.gif

1.0.1<br> 1:添加react navigation可以跳转页面<br> 2:添加code push(bug fixed) 有关codepush问题https://github.com/wuyunqiang/ReactNativeUtil/issues/26<br> 3:优化添加预加载reactnative页面 (参考:https://github.com/songxiaoliang/ReactNativeApp)<br>

运行效果:<br> androidtoRN.gif <br> 代码仅供参考: 如要运行,需要下载node_modules。 另外本人在学习的过程中遇到很多坑,深知找解决问题的路途艰难险阻 所以我正在做一个收集react native的bug解决+工具的库, 希望可以帮助大家在学习中更有效率的写代码。<br> 详情ReactNativeUtil<br> 通过label搜索关键字,也欢迎大家丰富内容。

View on GitHub
GitHub Stars98
CategoryDevelopment
Updated1mo ago
Forks23

Languages

Java

Security Score

85/100

Audited on Mar 6, 2026

No findings