【瓣芽·Banya】React Native 构建的仿豆瓣应用

今天介绍一个用 React Native 创建的应用，集合了豆瓣电影，图书等信息展示功能的 app。

github 地址 → 【瓣芽·Banya】

项目使用了react-navigation 做路由。redux 做部分状态管理，redux-persist 做数据本地化 。采用了少量的第三方库，并同时兼容 Android 和 iOS 端。项目适合初级 RN 开发者，对于 React Native 的学习具有一定的借鉴意义。

1. 功能

• 电影榜单以及电影，影人详情信息展示
• 本地收藏电影
• 根据定位获取实时上映数据
• 预告片播放，图片缩放查看
• 数据存储，部分数据支持本地获取
• 主题换肤，全局设置自定义颜色

2. 基本配置：

• react-navigation　路由管理
• react-redux　状态管理
• redux-persist　数据持久化
• prop-types　类型检查

3. 主要第三方库：

• react-native-swiper　轮播组件
• react-native-modal　弹出框组件
• react-native-linear-gradient　色彩渐变组件
• react-native-image-zoom-viewer　图片预览查看组件
• react-native-video　视频播放组件
• react-native-scrollable-tab-view　页面切换 tab-view 组件

4. 运行截图

换肤蓝色之后：

5 .项目结构

• component　自定义组件
• constant 　配置常量，资源文件
• navigation　路由配置
• redux　redux 状态数据管理
• util　 网络请求等公共函数
• views　screen 页面

以上是个人开源项目，任何问题欢迎交流，共同学习！