blog
blog copied to clipboard
Published
20 hours ago •
diamont1001
diamont1001
React Native 实用资源整理
官方资源
1. 官方文档
react-native 官方文档 其实写的挺好挺全的，在你需要使用一个新东西新组件的时候，不妨先到官方网站搜索一下看看。
2. 官方社区 react-native-community
react-native-community 是 react-native 的官方社区，现在作者也有意的把一些核心支撑能力从 react-native 核心库中慢慢剥离出来放到官方社区里去了。
所以，在你需要寻找一个组件库的时候，最好先到 react-native-community 搜一下看有没有。
3. 版本相关
实用DEMO
- 划屏交互应用开发原型：react-native-drawer-demo
- 天气预报 DEMO：react-weather
- NBA 数据查询APP：react-native-nba-app
- HackerNews客户端：HackerNews-React-Native
- 高仿微信客户端：rn-wechat
- 基于React Native和Redux实现的展示型美食类APP：react-native-iShiWuPai
- 来自饿了么RN大神开源的reading项目：reading
实用第三方组件
| 功能 | 框架/组件 | 备注 |
|---|---|---|
| 聊天界面 | react-native-gifted-chat aurora-imui |
如何构建聊天界面 |
| 导航组件 | react-navigation | |
| UI 框架 | react-native-elements NativeBase |
2018，React Native第三方组件库汇总 |
| Icon | react-native-vector-icons | |
| 页内Tab | react-native-tab-view | |
| iPhone X 适配 | react-native-iphone-x-helper | |
| 设备信息 | react-native-device-info | |
| 分享组件 | react-native-share | |
| 图片轮播 | react-native-swiper | |
| 图片全屏展示 | react-native-image-viewer | |
| 图片选择器（单图） | react-native-image-picker | |
| 图片选择器（多图） | react-native-image-crop-picker | |
| 全局loading | react-native-loading-spinner-overlay | |
| Toast | react-native-root-toast | 支持API方式 |
| 输入框获得焦点时自动滑动到输入框 | react-native-keyboard-aware-scroll-view | |
| 查询 status bar 高度 | react-native-status-bar-height | |
| 端内截图 | react-native-view-shot | 可以把端内的 View 标签截图 |
| 富文本展示 | react-native-htmlview | |
| 特效动画 | lottie-react-native | |
| 占位符 | react-content-loader |
