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