RN-通过React-Navigation给RN页面添加生命周期
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
网友评论