React Native 实现页面返回监听

最新推荐文章于 2022-10-05 20:50:13 发布

原创最新推荐文章于 2022-10-05 20:50:13 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#reactNative #返回按钮监听

reactNative采坑之路专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个使用React Native中DeviceEventEmitter组件实现A页面监听B页面事件并进行通信的方法。通过emit和addListener函数配合，可以在不同页面间传递参数，实现界面刷新等功能。

A页面写：

import {DeviceEventEmitter} from 'react-native'

componentDidMount() {
    // 这里的`param`可以为空，接受你B页面传过来的数据
    this.subscription = DeviceEventEmitter.addListener("EventType", (param)=>{
        // 刷新界面等
    });
}

componentWillUnmount() {
    this.subscription.remove();
}

B页面：

import {DeviceEventEmitter} from 'react-native'

onPress={() => {
    this.props.navigation.navigate('A');
    // 这里的param可以写可以不写自己需要带参数就可以写
    DeviceEventEmitter.emit("EventType", param);
}}>

官网链接：DeviceEventEmitter官网链接