React Native 跨页面通信、发送通知

1、发送页面A

import { View, DeviceEventEmitter } from 'react-native'
export default function A({ props}) {
    //发送通知
    const sendMsg = () => {
        console.log("发送通知 send")
        let send = {
            name:"test",
            age:18
        }
        DeviceEventEmitter.emit("sendmsg",send)
    }
    ...
}

2、接收、监听页面B

import React, { useEffect} from 'react'
import { View, DeviceEventEmitter } from 'react-native'

export default function B({ props}) {
    let sub = null
    useEffect(() => {
        console.log("加载监听")
        sub = DeviceEventEmitter.addListener("sendmsg",res=>{
            console.log("接收到send = "+JSON.stringify(res))
        })
        return () => {
            console.log("移除send")
            sub.remove()
        }
    }, [])
    ...
 }
send.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容