反应导航隐藏一个选项卡

Question

我正在使用react-navigation在屏幕之间导航。是否可以让createBottomTabNavigator有3个选项卡，但是当你显示标签栏时，我想只看到2个标签而不是3个？

Answer 1

将第三个项目/屏幕放在堆栈导航器中：

const Bottom = createBottomTabNavigator({
    item1: {screen: Screen1},
    item2: {screen: Screen2},
    },{
        initialRouteName: "item1",
    }
)

export default createStackNavigator({
    tabs: Bottom,
    item3: Screen3,
})

最后，要将屏幕更改为组件中的第三条路径，您可以执行以下操作：

// ... 
import {withNavigation} from 'react-navigation' // IMPORTANT
export default class Example extends React.Component{
    render(){
        return(
            <TouchableOpacity onPress={() => this.props.navigation.navigate('item3')}>
        )
    }
}

export default withNavigation(Example) // IMPORTANT