diff --git a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js --- a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js +++ b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel-navigator.react.js @@ -15,7 +15,7 @@ type TagFarcasterChannelParamList, type ScreenParamList, } from '../../navigation/route-names.js'; -import { useStyles } from '../../themes/colors.js'; +import { useStyles, useColors } from '../../themes/colors.js'; const safeAreaEdges = ['bottom']; @@ -29,6 +29,10 @@ StackNavigationHelpers, >(); +const tagFarcasterChannelOptions = { + headerTitle: 'Tag a Farcaster channel', +}; + type Props = { +navigation: RootNavigationProp<'TagFarcasterChannelNavigator'>, ... @@ -38,18 +42,35 @@ function TagFarcasterChannelNavigator(props: Props): React.Node { const styles = useStyles(unboundStyles); + const colors = useColors(); + + const screenOptions = React.useMemo( + () => ({ + headerBackTitleVisible: false, + headerTintColor: colors.panelForegroundLabel, + headerLeftContainerStyle: { + paddingLeft: 12, + }, + headerStyle: { + backgroundColor: colors.modalBackground, + }, + }), + [colors.modalBackground, colors.panelForegroundLabel], + ); + const tagFarcasterChannelNavigator = React.useMemo( () => ( - + ), - [styles.container], + [screenOptions, styles.container], ); return tagFarcasterChannelNavigator;