react-native实用性第三方组件

react-native实用性第三方组件

推荐一些好用的RN第三方组件，以便于解决我们的工作需要，加快开发进度。

1.react-native-animatable

给我们的app添加动画来提高视觉体验，一直都是app中的刚需。但是自定义react-native动画比较繁琐，而且不易控制。该组件封装了大量常用的动画效果，并且使用起来很方便，能满足大部分的动画需求。

使用方法：

npm install react-native-animatable --save

import * as Animatable from 'react-native-animatable';

<Animatable.Text  
  easing="ease-out" iterationCount="infinite" animation="zoomInUp"
>
  我是文本动画组件
</Animatable.Text> 
//属性分别代表动画趋势 重复次数 动画类型
//还有Animatable.View,Animatable.Image这些预先封装的通用组件

2.react-native-keyboard-spacer

当页面的TextInput聚焦唤起系统键盘时，我们常常会因为键盘遮挡住视图而头疼，当找不到更好的解决方案时，用这个组件我觉得是不二之选了。

使用方法（超级简单）：

直接放在页面根组件里面的最后即可。

普通场景android和ios都完美兼容，模态框场景时只需ios使用（android不需要）。