Brandon Presley
a664b65ce2
The header bar provided by react-navigation was jumping on first load, whereas this custom one doesn't.
18 lines
546 B
TypeScript
18 lines
546 B
TypeScript
import {useNavigation} from '@react-navigation/native';
|
|
import React from 'react';
|
|
import {Appbar, IconButton} from 'react-native-paper';
|
|
import {DrawerParamList} from './drawer-param-list';
|
|
import DrawerMenu from './DrawerMenu';
|
|
|
|
export default function Header({name}: {name: keyof DrawerParamList}) {
|
|
const navigation = useNavigation();
|
|
|
|
return (
|
|
<Appbar.Header>
|
|
<IconButton icon="menu" onPress={(navigation as any).openDrawer} />
|
|
<Appbar.Content title={name} />
|
|
<DrawerMenu name={name} />
|
|
</Appbar.Header>
|
|
);
|
|
}
|