Giter VIP home page Giter VIP logo

androidtorn's Introduction

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.52
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

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问题wuyunqiang/ReactNativeUtil#26
3:优化添加预加载reactnative页面 (参考:https://github.com/songxiaoliang/ReactNativeApp)

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

androidtorn's People

Contributors

wuyunqiang avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.