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

Question

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

Answer 1

CrazyCodeBoy 2018-06-27 10:07:03

参考代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

//这里改动 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({//这里改动 ...

其他地方不变。