美文网首页RN知识
RN-通过React-Navigation给RN页面添加生命周期

RN-通过React-Navigation给RN页面添加生命周期

作者: 精神病患者link常 | 来源:发表于2018-12-28 16:55 被阅读19次

reactnavigation官方文档

第一种方式

image.png

第二种方式

componentDidMount() {
        this.viewDidAppear = this.props.navigation.addListener(
            'didFocus',
            (obj)=>{
                console.log('页面已经显示')
            }
        )

        this.viewDidAppear1 = this.props.navigation.addListener(
            'willFocus',
            (obj)=>{
                console.log('页面将要显示')
            }
        )

        this.viewDidAppear2 = this.props.navigation.addListener(
            'willBlur',
            (obj)=>{
                console.log('页面将要移除')
            }
        )

        this.viewDidAppear3 = this.props.navigation.addListener(
            'didBlur',
            (obj)=>{
                console.log('页面已经移除')
            }
        )
    }

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️ 移除监听
    componentWillUnmount() {
        this.viewDidAppear.remove();
    }

相关文章

网友评论

    本文标题:RN-通过React-Navigation给RN页面添加生命周期

    本文链接:https://www.haomeiwen.com/subject/tnlelqtx.html