介绍一个很不错的弹层插件react-native-modalbox

今天介绍一个很不错的弹出层插件,他可以完成底部弹出并悬浮底部,顶部弹出并悬浮顶部,悬浮中部等位置,而且里面的内容我们可以定制,非常的好。

https://github.com/maxs15/react-native-modalbox

安装:

npm install react-native-modalbox@latest –save  //这里是核心弹层组件

npm install react-native-button –save  //安装按钮

导入

import Modal from ‘react-native-modalbox';
import Button from ‘react-native-button';
加入按钮

加入弹出层

填写样式

现在你可以领略弹层的动感了。

但是我们想手动用一个按钮去关闭层,而不是点击其他地方关闭,就需要调整一下代码:

加入:

修改弹起层的按钮:

将弹出后的层中加入一个关闭按钮

reactnative006

发表评论