Я пытаюсь переключить экран с помощью навигатора стека и вкладок.
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification},
userVerified: {
screen: TabNavigator({
List: { screen: List },
Settings: { screen: Settings }
}),
},
});
В этом случае сначала используется stacknavigator, а затем tabnavigator. и я хочу скрыть заголовки навигатора стека. W Он не работает должным образом, когда я использую такие параметры навигации, как ::
navigationOptions: { header: { visible: false } }
Я пробую этот код на первых двух компонентах, которые используются в stacknavigator. если я использую эту строку, то получаю некоторую ошибку, например:
источник
options
такую опору<Stack.Screen options={{ headerShown: false, }} name="Artist" component={Artist} />
Просто используйте приведенный ниже код на странице, где вы хотите скрыть заголовок.
обратитесь к Stack Navigator
источник
Просто добавьте это в свой фрагмент кода класса / компонента, и заголовок будет скрыт
источник
Если ваш экран является компонентом класса
закодируйте это на целевом экране как первый метод (функцию).
источник
header: () => null
это правильный способ, иначе вы получите сбой заголовка при загрузке страницыЕсли вы хотите спрятаться на определенном экране, сделайте так:
источник
В данном решении заголовок скрыт для HomeScreen by- options = {{headerShown: false}}
источник
Я использую
header : null
вместо того, чтобыheader : { visible : true }
использовать cli с поддержкой реакции. вот пример:источник
Добавьте новый объект navigationOptions в stackNavigator.
Попробуй это :
Надеюсь, поможет.
источник
Если кто-то ищет, как переключить заголовок, поэтому в componentDidMount напишите что-то вроде:
когда
И где-нибудь, когда событие закончит работу:
источник
Это сработало для меня:
источник
источник
Вы можете скрыть заголовок так:
источник
Это работает для навигации по стеку
источник
Если вы хотите удалить его только с одного экрана
react-native-navigation
:источник
источник
Все ответы показывают, как это сделать с компонентами класса, но для функциональных компонентов вы делаете:
Если вы удалите заголовок, ваш компонент может оказаться в местах, где вы его не видите (когда у телефона нет квадратного экрана), поэтому важно использовать его при удалении заголовка.
источник
источник
options={{ headerShown: false }}
работает для меня.**
"@react-navigation/native": "^5.0.7", "@react-navigation/stack": "^5.0.8",
источник
В React Navigation 5.x вы можете скрыть заголовок для всех экранов, установив
headerMode
свойствоNavigator
вfalse
.источник
Вы можете скрыть заголовок StackNavigator следующим образом:
источник
Важно согласовать, какую версию библиотеки реагирования-навигации вы используете, с решением, поскольку все они разные. Для тех, кто по какой-то причине, как и я, все еще использует response-navigation v1.0.0, оба они работали:
Для отключения / скрытия заголовка на отдельных экранах:
Для отключения / скрытия сразу всех экранов используйте это:
источник
В последней версии response-navigation это работает, чтобы скрыть заголовок на каждом экране: headerMode = {'none'}
источник
для 4.x
header: null
устаревший, следует использоватьheaderShown: false
вместонапример:
источник
Для одного экрана вы можете установить header: null или headerShown: false в createStackNavigator следующим образом
Скрыть заголовок со всех экранов сразу, используя defaultNavigationOptions
источник
если вы хотите удалить заголовок со всего экрана, перейдите к app.js и добавьте этот код в Stack.Navigator
источник