react-native实现popover

react-native实现popover

在这里推荐一个好用的react-native第三方组件,用于APP中常见的popover交互,可以说是非常方便了。

1.安装 

npm install react-native-popup-menu --save

2.导入

在需要使用到该功能的场景中导入,并包裹该组件,以提供popover功能。

8495803-c22253d2ddc569a8.png

3.使用方法

8495803-6a1734949f140fab.png

4.自定义

MenuTrigger、MenuOptions、MenuOption都有一个customStyles属性,该属性接受一个对象,可以用户定制样式。

image.png

image.png

该组件不但能够完成popover还支持slide效果,这都是我们开发app中常见的效果,能帮助加快开发进度。

日记本

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

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