前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React Native的模态,AsyncStorage,DeviceEventEmitter

React Native的模态,AsyncStorage,DeviceEventEmitter

作者头像
提莫队长
发布2018-05-18 15:17:43
7980
发布2018-05-18 15:17:43
举报
文章被收录于专栏:刘晓杰

1.模态modal

A界面

代码语言:javascript
复制
<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

代码语言:javascript
复制
    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界面

代码语言:javascript
复制
    componentDidMount() {
        this.listener = DeviceEventEmitter.addListener('listen', (value) => {
            console.log(value.num);
        });
    };

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

B界面发送

代码语言:javascript
复制
DeviceEventEmitter.emit('listen', {num: 12});
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年08月30日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.模态modal
  • 2.AsyncStorage—SharedPreferences
  • 3.DeviceEventEmitter—发送通知
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档