PageModal

继承自 SlideModal 组件，属于 Modal 系列。

Install

npm install beeshell

Usage

引入方式

全部引入

import { PageModal } from 'beeshell';

单独引入

import PageModal from 'beeshell/modules/PageModal';

Examples

在 SlideModal 基础上做的扩展，提供了规范化的头部，包含标题，确定、取消按钮，body 部分自定义。

Code

import { PageModal } from 'beeshell';
class App extends React.Component {
    render() {
        <View>
            <TouchableOpacity
                onPress={() => {
                    this._pageModal.open();
                }}>
                <Text>带头部的底部上拉</Text>
            </TouchableOpacity>
            <PageModal
                ref={(c) => { this._pageModal = c; }}
                title="选择品类"
                cancelable={true}
                cancelCallback={() => {
                }}
                confirmCallback={() => {
                }}>
                <Text>ref 获取组件实例</Text>
                <Text>title="标题"</Text>
                <Text>
                cancelCallback={'{'}() => {'{'}{'}'} {'}'}
                '取消'回调
                </Text>
                <Text>
                confirmCallback={'{'}() => {'{'}{'}'} {'}'}
                '确认'回调
                </Text>
            </PageModal>
        </View>
    }
}

Props

Methods

.open()

打开弹窗。

    this._pageModal.open();

.close()

关闭弹窗。

    this._pageModal.close();

其他

继承 SlideModal 组件的所有 Props、Methods。