【问题标题】:How can i Hide a specific Tab component in react native?如何在本机反应中隐藏特定的选项卡组件?
【发布时间】:2019-01-16 13:24:08
【问题描述】:

在我的代码中,我想在 Tabnavigator 中隐藏抽屉选项卡。 我会做很多尝试,但它不起作用。请帮帮我。

const Drawer=createDrawerNavigator({
Home:{screen:Home},

})
const TabNavigator = createBottomTabNavigator({
Drawer:{screen:Drawer},
Home: {screen: Home},
Categories:{screen:Cate},
ShortList:{screen:ShortList},
Account:{screen:Account},
},
}
);

【问题讨论】:

    标签: reactjs react-native react-navigation stack-navigator react-native-tabnavigator


    【解决方案1】:

    你不能。您可以将选项卡放在抽屉内,这样抽屉将被隐藏但在所有选项卡上都可用

    const Drawer=createDrawerNavigator({
    Tabs:{screen:TabNavigator, navigationOptions: {drawerLabel: () => null}}
    Home:{screen:Home}
    
    })
    const TabNavigator = createBottomTabNavigator({
    Home: {screen: Home},
    Categories:{screen:Cate},
    ShortList:{screen:ShortList},
    Account:{screen:Account},
    },
    }
    );
    

    【讨论】:

    • 好吧,我在使用相同的代码时遇到了更多麻烦;我的场景是:我创建了一个标题组件并放置了一个抽屉导航器。我正在尝试通过单击按钮从选项卡导航器中调用它。我收到一个错误 undfeind 不是对象,我可以找到函数 openDrawer() 需要更多帮助。
    • 嗯,这可能是导航道具的错误实施
    • 函数this.props.navigation.openDrawer()是被Home/Cate/ShortList直接调用,还是从子组件调用?
    • 2021 年了还不行吗?
    猜你喜欢
    • 2019-05-05
    • 1970-01-01
    • 2015-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-27
    相关资源
    最近更新 更多