React Native简单的APP
2017-03-09 09:12
330 查看
以前一直在 hybrid app 上做业余兴趣研究,但是始终还是受不了 hybrid app 在 Android 上的表现,
这2个周末照着文档把 HiApp 用 React Native 实现了一遍了,在 Android 上的表现还是相当不错的
这个 Demo App 很适合新入练手,比较容易读懂
Github: https://github.com/BelinChung/react-native-hiapp
在模拟器上面录了个小视屏,后来还有继续完善,也没去更新了,大家可以 clone 下来,自己跑跑体验下:
秒拍视频
简单的React Native 小项目App练手
https://github.com/zhongjie-chen/react-native-zjapp
1 自定义封装了类知乎客户端的tabbar,并且伴随滚动逐渐隐藏和显示头部底部功能。
2 实现本地通讯录的交互(用的是
3 拍摄或者选择图片剪切头像(
4 获取本地图片 实现自定义相册功能(全部获取所有图片,对数其进行分类可以实现分类相册功能)
5 MD设计风格的第三方库(
6 热更新功能 code push
另一个开源项目: Rank Linking
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/111.gif?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/222.png?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/333.png?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/4444.jpg?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/555.png?raw=true)
这2个周末照着文档把 HiApp 用 React Native 实现了一遍了,在 Android 上的表现还是相当不错的
这个 Demo App 很适合新入练手,比较容易读懂
Github: https://github.com/BelinChung/react-native-hiapp
在模拟器上面录了个小视屏,后来还有继续完善,也没去更新了,大家可以 clone 下来,自己跑跑体验下:
秒拍视频
简单的React Native 小项目App练手
https://github.com/zhongjie-chen/react-native-zjapp
功能
1 自定义封装了类知乎客户端的tabbar,并且伴随滚动逐渐隐藏和显示头部底部功能。2 实现本地通讯录的交互(用的是
ScrollView数据多可能会卡顿)
3 拍摄或者选择图片剪切头像(
react-native-image-picker有些bug)
4 获取本地图片 实现自定义相册功能(全部获取所有图片,对数其进行分类可以实现分类相册功能)
5 MD设计风格的第三方库(
react-native-material-kit)
6 热更新功能 code push
另一个开源项目: Rank Linking
Screenshot
Android
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/111.gif?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/222.png?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/333.png?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/4444.jpg?raw=true)
![](https://github.com/zhongjie-chen/react-native-zjapp/raw/master/screenshot/555.png?raw=true)
相关文章推荐
- reactnative appstate简单实用
- iOS.ReactNative-2-bridge-and-react-native-app-execution
- React Native 教程 demo1 认识js与app原生控件
- 如何用 React Native 创建一个iOS APP?(三)
- React-Native 鬼畜表情包app
- React-Native 开发 android & ios App,共享一份代码
- react-native简单入门和实例分析
- 使用react-native做一个简单的应用-03欢迎界面
- 如何用 React Native 创建一个iOS APP?(二)
- 如何用 React Native 创建一个iOS APP?(二)
- 使用react-native做一个简单的应用-02项目搭建与运行
- React-Native Demo 购物app
- React-Native 组件练习-购物app侧滑菜单
- 用文章和视频的app例子简介React-Native
- React Native创建一个APP
- React-Native指南汇集了react-native学习资源与各类开源app
- Facebook新框架React Native,一套搞定App开发[转]
- 谈谈APP架构选型:React Native还是HBuilder
- 利用react native创建一个天气APP