1、点击按钮弹出modal（没有背景色），在modal上面加了一个leftView，当modal显示的时候，leftView有一个从左到右的动画效果 2、关于中间渐变的黑色图层，当modal显示的时候，在页面上添加了一个opacityView（透明的），动画效果的透明度改变，和leftView的动画一起进行。3、点击黑色的背景隐藏leftView,其实m...
react-native-root-modal [!TIP] Github 地址 安装与使用 请到三方库的 Releases 发布地址查看配套的版本信息:@react-native-oh-tpl/react-native-root-modal Releases,并下载适用版本的 tgz 包。 进入到工程目录并输入以下命令: [!TIP] # 处替换为 tgz 包的路径 npm npm install @react-native-oh-tpl/...
import Modal from 'react-native-root-modal'; Invoked by React element way...other elements before <Modal style={{ top: 0, right: 0, bottom: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.2)', transform: [{scale: this.state.scaleAnimation}] }} visible={this.state.modalVisible} ...
A pure JavaScript solution for react native`s modal component - magicismight/react-native-root-modal
1、点击按钮弹出modal(没有背景色),在modal上面加了一个leftView,当modal显示的时候,leftView有一个从左到右的动画效果 2、关于中间渐变的黑色图层,当modal显示的时候,在页面上添加了一个opacityView(透明的),动画效果的透明度改变,和leftView的动画一起进行。 3、点击黑色的背景隐藏leftView,其实modal上的View有两个...