Files
featheroom/lib/ui/components/TabsHeader.tsx
2024-10-31 23:43:20 +01:00

27 lines
742 B
TypeScript

import { BottomTabHeaderProps } from '@react-navigation/bottom-tabs'
import { getHeaderTitle } from '@react-navigation/elements'
import React from 'react'
import { Appbar, AppbarProps } from 'react-native-paper'
interface TabsHeaderProps extends AppbarProps {
navProps: BottomTabHeaderProps
}
const TabsHeader = (props: TabsHeaderProps) => (
<Appbar.Header {...props}>
{props.navProps.options.headerLeft
? props.navProps.options.headerLeft({})
: undefined}
<Appbar.Content
title={getHeaderTitle(props.navProps.options, props.navProps.route.name)}
/>
{props.navProps.options.headerRight
? props.navProps.options.headerRight({})
: undefined}
</Appbar.Header>
)
export default TabsHeader