feat: tag breadcrumbs in nav bar (#540)

* feat: with tag breadcrumbs in the tag list

* fix: nested padding and subtitle conditional

* fix: types
This commit is contained in:
Mo
2022-02-01 13:52:58 -06:00
committed by GitHub
parent 3b89c655bd
commit fb848fa6d0
4 changed files with 41 additions and 30 deletions

View File

@@ -52,13 +52,13 @@ type AppStackNavigatorParamList = {
export type AppStackNavigationProp<
T extends keyof AppStackNavigatorParamList
> = {
navigation: CompositeNavigationProp<
ModalStackNavigationProp<'AppStack'>['navigation'],
StackNavigationProp<AppStackNavigatorParamList, T>
>;
route: RouteProp<AppStackNavigatorParamList, T>;
};
> = {
navigation: CompositeNavigationProp<
ModalStackNavigationProp<'AppStack'>['navigation'],
StackNavigationProp<AppStackNavigatorParamList, T>
>;
route: RouteProp<AppStackNavigatorParamList, T>;
};
const AppStack = createStackNavigator<AppStackNavigatorParamList>();
@@ -201,10 +201,16 @@ export const AppStackComponent = (
const screenStatus = isInTabletMode
? composeStatus || notesStatus
: notesStatus;
const title = route.params?.title ?? (children || '');
const subtitle = [screenStatus?.status, route.params?.subTitle]
.filter(x => !!x)
.join(' • ');
return (
<HeaderTitleView
title={route.params?.title ?? (children || '')}
subtitle={screenStatus?.status}
title={title}
subtitle={subtitle}
subtitleColor={screenStatus?.color}
/>
);