TabNavigator, TabBarBottom在react-navigation 新版本里也被抛弃了？

来源：2-8 TabNavigator精讲-3

lincolnhuj

2018-06-26

2-7里面讲到的 TabNavigator在使用的时候都会警告。找到用createBottomTabNavigator 替代TabNavigator，但是2-8里TabBarBottom又不能用了。。

写回答

1回答

CrazyCodeBoy

2018-06-27

参考代码：

//这里改动
import {createBottomTabNavigator, BottomTabBar} from 'react-navigation-tabs';

class TabBarComponent extends React.Component {
    constructor(props) {
        super(props);
        this.theme = {
            tintColor: props.activeTintColor,
            updateTime: new Date().getTime()
        }
    }

    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}
            />
        );
    }

}

export const AppTabNavigator = createBottomTabNavigator({//这里改动
...

其他地方不变。

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

请问老师，Navigator被废弃了怎么办？PS：有教学答疑群吗？

回答 4

android 上用了react-navigation tabNavigator就用不react-scrollable-tab-view请问是有冲突吗的

回答 1

Navigator问题

回答 2

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

回答 1

问下老师，DrawerNavigator如何与TabNavigator配合使用？

回答 1

打开慕课网App查看更多内容