Awesome Open Source
Awesome Open Source

AndroidToRN

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

环境:

Android studio3.0
react native 0.55.4
Mac 10.12.6

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

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

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

ChangeLog:

1.0.6
modalAndroid.gif image.png

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

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

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

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

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

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Java (697,538
Reactjs (75,636
Android (41,662
Redux (13,315
React Native (11,817
Image (4,849
Android Studio (2,593
Performance (2,590
Mac (1,462
Dialog (890
Memory (826
React Navigation (641
Statusbar (243
Codepush (69
Popwindow (6
Related Projects