tabNavigator改变主题报错未定义的width

Question

在render里面获取them的时候 老师的代码是这么写的 const { routes, index } = this.props.navigationState 但是我看this.props里面没有navigationState这个属性 所以我是这么写的const { routes, index } = this.props.navigation.state然后再去找里面的theme

但是这样写的就出现了下面的问题 这个在网上都找不到解决办法：

Answer 1

CrazyCodeBoy 2018-06-19 09:52:18

新版本的tabNavigator的api有所变更，可以参考一下代码：

render() {
    const {routes, index} = this.props.navigation.state;
    const {theme} = routes[index].params;
    if (theme && theme.updateTime > this.theme.updateTime) {
        this.theme = theme;
    }
    /**
     * custom tabBarComponent
     * https://github.com/react-navigation/react-navigation/issues/4297
     */
    return (
        <BottomTabBar
            {...this.props}
            activeTintColor={this.theme.tintColor || this.props.activeTintColor}
        />
    );
}

• 提问者 慕仔3427096 #1

  非常感谢！