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();

隐藏遮罩层