如何将tabBar从子堆栈隐藏到父堆栈导航器?

时间:2018-02-08 05:56:18

标签: react-native react-navigation

我有一个屏幕'关于'它不需要tabBar,但该屏幕的其他兄弟必须有tabBar。

选项卡中的第三个元素名为'设置'有一个默认类,我在其中使用了堆栈导航器。

export default class Setting extends Component {
    constructor(props) {
        super(props);
        this.state = {
        }
    }
    static navigationOptions = {
        header: null,
        tabBarVisible:true // if i place false here the tabBar is invisible on all screens in below specified stack.
    };

    render() {

        return (

            <SettingStack />

        );
    }
}


export const SettingStack = StackNavigator({
    // screenname : { screen : ImportedClassname }
    settingsscreen: { screen: SettingsScreen },
    first: { screen: first },
    second: { screen: second },
    about: { screen: About },
    third: { screen: third },
});

如何隐藏tabBar仅限于&#39; about&#39;屏幕。

1 个答案:

答案 0 :(得分:1)

只需删除默认导出类并使用&#34; settingstack&#34;在父导航树中。它肯定会起作用,如果没有请回来......