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不需要)。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容