Есть ли способ скрыть нижнюю вкладку навигатора при прокрутке экрана вверх?
Я попытался использовать параметры маршрута, чтобы установить для tabBarVisible значение false, но я думаю, что он не работает, потому что у меня есть вложенный навигатор. Другими словами, моя вкладка в моем навигаторе вкладок является еще одним стековым навигатором.
В навигаторе на нижней вкладке я пытался сделать это ...
Tab1: {
screen: OtherStack,
navigationOptions: ({navigation}) => {
const routeParams = navigation.state.params
return {
tabBarVisible: routeParams && routeParams.tabBarVisible,
tabBarIcon: ...
}
}
},
},
Затем в своем OtherStack я использую createNavigator для создания экрана, подобного этому ...
NewScreen: {
screen: NewScreen,
navigationOptions: ({ navigation }) => {
return {
headerTitle: <Header />,
headerStyle: {backgroundColor: '#f6f6f6'},
headerLeft: null,
}
}
Затем в качестве теста на NewScreen я вызываю функцию через touchableOpacity onPress ...
onPress={() => navigation.setParams({ tabBarVisible: false })}
Но ничего не происходит. Я хочу заставить это скрыть панель вкладок, когда я нажимаю кнопку, и после того, как я заставлю это работать, я хочу вызвать эту функцию на Scroll.
Кто-нибудь знает, как это сделать?