React Native的模态,AsyncStorage,DeviceEventEmitter

1.模态modal

A界面

<Modal
    animationType='slide'
    transparent={false}
    visible={this.state.isModal}
    onRequestClose={() => this.onRequestClose()}>
    <HalfHourHot removeModal={(data) => this.closeModal(data)}/>
</Modal>

    constructor(props) {
        super(props);
        this.state = {
            isModal: false,
        };
    };

    onRequestClose() {
        this.setState({
            isModal: false,
        });
    };

    closeModal(data) {
        this.setState({
            isModal: data,
        });
    };

HalfHourHot界面必须有一个removeModal属性,且是func

    static propTypes = {
        removeModal: PropTypes.func,
    };

    //某处操作需要返回到A界面
    popToHome(data) {
        //this.props.navigator.pop();
        this.props.removeModal(data);
    }

2.AsyncStorage—SharedPreferences

http://www.cnblogs.com/huangjialin/p/6245122.html

3.DeviceEventEmitter—发送通知

A界面

    componentDidMount() {
        this.listener = DeviceEventEmitter.addListener('listen', (value) => {
            console.log(value.num);
        });
    };

    componentWillUnmount() {
        this.listener.remove('listen');
    };

B界面发送

DeviceEventEmitter.emit('listen', {num: 12});
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值