RN知识

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

2018-12-28  本文已影响19人  精神病患者link常

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();
    }
上一篇 下一篇

猜你喜欢

热点阅读