文档中心 > 淘应用文档

淘应用-组件-提示反馈组件-Modal 弹窗

更新时间:2018/01/10 访问次数:442

Modal 模态框

属性

名称 类型 默认值 描述
onShow Function 显示的时候触发回调
onHide Function 隐藏的时候触发回调
contentStyle Object Modal 内容的 style
visible Boolean false 模态框是否可见

基本使用

// demo 
import {Component, createElement, render} from 'rax';

class Example extends Component {
  showModal = () => {
    this.refs.modal.show();
  };

  hideModal = () => {
    this.refs.modal.hide();
  };

  render() {
    return (
      <View>
        <View onPress={this.showModal}>
          <Text>
            Open
          </Text>
        </View>
        <Modal ref="modal">
          <View>
            <Text>
              I am a dialog
            </Text>
          </View>
          <View onPress={this.hideModal}>
            <Text>
              Close
            </Text>
          </View>
        </Modal>
      </View>
    );
  }
}

render(<Example />);

FAQ

关于此文档暂时还没有FAQ
返回
顶部