RN第三方插件

一。打开应用的时候总是会有一段白屏时间的出现
首先下载插件 npm install react-native-splash-screen --save
然后自动安装插件 react-native link react-native-splash-screen

二。底部tab切换(不推荐,直接使用下面2)

npm i react-native-tab-navigator --save

https://www.jianshu.com/p/e068d017ad4d

npm i react-navigation --save
import {StackNavigator, TabBarTop, TabNavigator} from "react-navigation";
三。轮播组件
npm i react-native-swiper --save
四tab切换
npm install react-navigation --save
yard add react-navigation
五上拉加载下拉刷新

ES5
https://github.com/FaridSafi/react-native-gifted-listview
npm i react-native-gifted-listview --save

ES6(一个基于FlatList的列表下拉、上拉刷新控件。代码一共100多行,写得简单易懂)
https://github.com/huanxsd/react-native-refresh-list-view/tree/master/Example
npm i --save react-native-refresh-list-view

六.集中路由跳转
https://github.com/aksonov/react-native-router-flux
例子:https://github.com/guangqiang-liu/react-native-routerFluxDemo
npm i react-native-router-flux --save

七。状态管理
接下来,我们进入目录下,并安装需要的依赖:mobx 和 mobx-react。
npm i mobx mobx-react --save
我们也要安装一些 babel 插件,以支持 ES7 的 decorator 特性:
npm i babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 --save-dev
现在,创建一个 .babelrc 文件配置 babel 插件:

{
'presets': ['react-native'],
'plugins': ['transform-decorators-legacy']
}
八React Native组件大全,介绍React Native常用组件的使用方法和使用示例。
https://github.com/forrest23/ReactNativeComponents
截屏组件(react-native-view-shot)
文档查看组件 (react-native-doc-viewer)
圆形进度条组件(react-native-circular-progress)
弹出框组件 (react-native-popup-dialog)
表格组件 (react-native-data-table)
图片组件 (react-native-image-viewer)
智能提示输入框组件 (react-native-autocomplete-input)
图片选择裁剪组件 (react-native-image-crop-picker)
二维码组件 (react-native-qrcode)
悬浮按钮组件 (react-native-action-button)
日期时间选择组件 (react-native-datepicker)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容