起因
最近在做一个基于地图开发的APP，尝试集成react-navigation时遇到了许多小问题。
1、使用StackNavigator时，页面跳转与封装的 地图UI组件 冲突。
若新视图与原视图都为 地图组件，则原视图组件会浮在新视图之上
新视图若为Text之类的没有问题
原视图地图组件宽高为0也没问题
解决方法：
添加页面监听，动态设置宽高
didBlurSubscription = this.props.navigation.addListener(
'didFocus',
payload => {
this.setState({
//跳转时设置宽高为0，此处恢复宽高即可。
})
}
);
componentDidMount() {
this.didBlurSubscription
}
componentWillUnmount() {
this.didBlurSubscription.remove();
}
2、开启新视图之后返回，原视图属性改变失效。
待解决
网友评论