集成react-navigation遇到的问题

起因

最近在做一个基于地图开发的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、开启新视图之后返回,原视图属性改变失效。

待解决

你可能感兴趣的:(集成react-navigation遇到的问题)