react-navigation 底部导航根据官方文档设置也无效是什么原因

Question

const navigator = createStackNavigator({

Index:{
    screen:Index,
    navigationOptions: ({navigation}) => ({
        header: null, //设置页面有无标题

    })
},
Store:{
    screen:Store,
    navigationOptions: ({navigation}) => ({
        header: null, //设置页面有无标题

    }),

}

})

navigator.navigationOptions = ({ navigation }) => {

let tabBarVisible = true;
if (navigation.state.index > 0) {
    tabBarVisible = false;
}

return {
    tabBarVisible,
};

};

结构是 bottomTabNavigator -> stackNavigator

文档上的代码 但是当我从Index跳转到Store的时候 bottomTabNavigator并没有隐藏 请问是什么原因

附上文档 https://reactnavigation.org/d...