ShowMaskView遮罩

ShowMaskView 遮罩

概述

1.0开始加入

ShowMaskView是一个可以唤起遮罩层的方法

代码演示

import React from 'react';
import { TouchableOpacity, Text, View } from 'react-native';
import { ShowMaskView } from 'tuya-panel-kit';

export default class DatePickerDemo extends React.PureComponent {
constructor(props) {
super(props);
}
show = () => {
ShowMaskView.render(
<View style={styles.modalWrapper}>
<Text>I'm a Modal!</Text>
</View>
)
}
render() {
return (
<TouchableOpacity style={styles.wrapper} onPress={this.show}>
<Text style={styles.textStyle}>Click Me!</Text>
</TouchableOpacity>
)
}
}

交互演示

Method

static get modal();

获取modalView的实例

updateChild()

static updateChild(props);

更新遮罩层内节点的属性

render()

static render(element, config);

在遮罩层纸上渲染指定的节点
config的配置项如下:

  • alignContainer,指定节点渲染在遮罩层的位置,类型为enum(top, center, bottom),默认值为bottom。
  • transparent,遮罩层的背景颜色是否透明,类型为bool,默认值为false。
  • onMaskClick,点击遮罩层的回调,类型为() => void。
  • animationType,modal的动画类型,类型为enum(slide, fade, none),默认值为none。详细animationType

close()

static close();

隐藏遮罩层

电话咨询

在线咨询

400-881-8611