react-native-blog-examples

Sample projects for my react native blog

use "npm install" to install dependencies， recommended IDE: WebStorm

Overview

RN优点是跨平台、JS代码和样式开发UI迅速、HotReload、热修复，缺点在于性能、开发集成时配置略麻烦，带来的问题也略多，但它值得一学。对于功能复杂型应用还是应该以原生为主RN为辅。

本仓库是对React Native系列开发知识的经验总结，目的是使用React Native实现原生开发的绝大部分功能，能够基本适应各种常见的应用场景。Example由基础常用控件ListView，FlatList等开始逐步深入，涵盖控件使用、页面导航跳转、视频播放器、iconfont、RN与原生的交互等内容，持续更新中(不定期更新)，感兴趣的可以关注下。

后续更新计划(暂定)：

1. RN与原生基本数据交互
2. RN调用原生端SQLite数据库
3. 第三方二维码生成和扫描
4. 消息推送功能的集成和处理
5. 微信登录和分享
6. 微信和支付宝支付
7. Animated动画的使用

Demo对应的文章

1. Chapter1 - React Native——ListView的使用详解
2. Chapter2 - ReactNative——使用FlatList实现豆瓣电影列表
3. Chapter3 - React Native——使用SectionList改造电影列表
4. Chapter4 - React Native——自定义下拉刷新上拉加载的列表
5. Chapter5 - react-navigation使用介绍及UI组件外实现统一跳转
6. Chapter7 - ReactNative——react-native-video实现视频全屏播放
7. Chapter8 - ReactNative干货分享——视频播放器App
8. Chapter9 - ReactNative干货分享——自定义iconfont图标的使用

视频播放器功能

• 支持本地和远程视频地址
• 支持播放和暂停
• 支持横竖屏切换
• 横屏显示视频标题
• 静音功能
• 支持视频选集切换
• 横屏清晰度切换
• 横屏展示分享
• 调整音量
• 调整播放速率，支持多倍速播放
• 适配iPhone X

TODO

• 视频截屏
• 横屏锁定旋转
• Refine code

视频播放器效果图

iconfont

自定义iconfont在React Native中的使用，看这一篇文章就足够了...