Brandon Presley
e8ee4a253e
This simplifies our codebase greatly by only having a single stack navigator and a single drawer navigator. Previously we had a stack navigator for every main page on the drawer.
23 lines
614 B
TypeScript
23 lines
614 B
TypeScript
import { DrawerNavigationProp } from "@react-navigation/drawer";
|
|
import { useNavigation } from "@react-navigation/native";
|
|
import { Appbar, IconButton } from "react-native-paper";
|
|
import { DrawerParams } from "./drawer-param-list";
|
|
|
|
export default function DrawerHeader({
|
|
name,
|
|
children,
|
|
}: {
|
|
name: string;
|
|
children?: JSX.Element | JSX.Element[];
|
|
}) {
|
|
const navigation = useNavigation<DrawerNavigationProp<DrawerParams>>();
|
|
|
|
return (
|
|
<Appbar.Header>
|
|
<IconButton icon="menu" onPress={navigation.openDrawer} />
|
|
<Appbar.Content title={name} />
|
|
{children}
|
|
</Appbar.Header>
|
|
);
|
|
}
|