React Navigation 3 верхние вкладки
Я использую React Navigation 3, я хочу скрыть заголовок и отобразить свой собственный заголовок, содержащий вкладки, как на следующем рисунке.
const HomeTab = createMaterialTopTabNavigator({
Tab1: InviHistory,
Tab2: Shop
},{
tabBarOptions: {
scrollEnabled: true,
labelStyle: {
fontSize: 12,
},
style: {
backgroundColor: 'red',
},
indicatorStyle: {
backgroundColor: '#fff'
},
defaultNavigationOptions:{
header:null
}
},
});
Ответы 2
должно быть что-то вроде этого.
defaultNavigationOptions:{
headerMode:"none"
}
ааа я неправильно понял вопрос. Думаю, у TabNav нет defaultNavigationOptions. так вы хотите скрыть стандартный заголовок tab-nav? или в верхних обзорах написано «Предложения»?
могу ли я добавить свой собственный заголовок, как на изображении выше?
вы хотите добиться чего-то подобного? snake.expo.io/@nazrdogan/frowning-chips
да, но как я могу добавить вкладки в шапку?
Вы можете добавить любой компонент в заголовок с помощью интерактивной навигации.
Как я могу это сделать ? У меня готов компонент, но как добавить в него вкладки?
вы проверили snake.expo.io/@nazrdogan/frowning-chips?
Проверьте мой новый ответ.
Ответ на Ваш вопрос находится в документации по реакции-навигации.
class LogoTitle extends React.Component {
render() {
return (
<Image
source = {require('./spiro.png')}
style = {{ width: 30, height: 30 }}
/>
);
}
}
class HomeScreen extends React.Component {
static navigationOptions = {
// headerTitle instead of title
headerTitle: <LogoTitle />,
};
/* render function, etc */
}
С параметром header вы можете передать компонент для полной замены заголовка.
API параметров навигации: https://reactnavigation.org/docs/en/stack-navigator.html#navigationoptions-used-by-stacknavigator
Настройка заголовка API: https://reactnavigation.org/docs/en/headers.html
не работает, я ошибаюсь со скобками?