react native实现model效果/底部弹出框/中间弹框/附代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react native实现model效果/底部弹出框/中间弹框/附代码相关的知识，希望对你有一定的参考价值。
参考技术A近期项目中用到一些弹框界面，经过几次优化后觉得挺好用，所以分享给大家。
实现方法很简单，就做几个动画，没什么可说的。可以根据自己需求做一些调整。
该组件对外提供3个可自定义的属性
提供2个控制显示方法和一个控制隐藏方法
使用方法有两种， 建议使用第二种方法
方法一： 在组件中添加属性，然后在合适的地方调用组件的show和hide方法控制显示和隐藏。在一个界面多个弹框的情况下需要在renderContent方法中判断显示哪一个弹框，复杂度增加，所以建议使用第二种方法。
方法二： 调用组件提供的showWithContent方法。调用该方法后会自动显示弹框，只需要在合适的位置调用hide隐藏方法
以上是关于react native实现model效果/底部弹出框/中间弹框/附代码的主要内容，如果未能解决你的问题，请参考以下文章
React Native之ViewPagerAndroid仿淘宝首页顶部分类布局效果实现
react-native FlatList实现GridView效果
react-native-page-scrollview 的使用方法(实现酷炫的分页轮播效果)