diff --git a/native/account/registration/registration-container.react.js b/native/account/registration/registration-container.react.js index b3b833805..f3bbe2207 100644 --- a/native/account/registration/registration-container.react.js +++ b/native/account/registration/registration-container.react.js @@ -1,33 +1,34 @@ // @flow import { useHeaderHeight } from '@react-navigation/elements'; import * as React from 'react'; import { View } from 'react-native'; import { useStyles } from '../../themes/colors.js'; type Props = { +children: React.Node, }; function RegistrationContainer(props: Props): React.Node { const styles = useStyles(unboundStyles); const headerHeight = useHeaderHeight(); const backgroundStyle = React.useMemo( () => ({ ...styles.background, marginTop: headerHeight, }), [headerHeight, styles.background], ); return {props.children}; } const unboundStyles = { background: { backgroundColor: 'panelBackground', + padding: 16, }, }; export default RegistrationContainer; diff --git a/native/account/registration/registration-navigator.react.js b/native/account/registration/registration-navigator.react.js index dc20fbb88..98bb08f55 100644 --- a/native/account/registration/registration-navigator.react.js +++ b/native/account/registration/registration-navigator.react.js @@ -1,63 +1,66 @@ // @flow import { createStackNavigator, type StackNavigationProp, type StackNavigationHelpers, } from '@react-navigation/stack'; import * as React from 'react'; import { View } from 'react-native'; import KeyserverSelection from './keyserver-selection.react.js'; import type { RootNavigationProp } from '../../navigation/root-navigator.react.js'; import { KeyserverSelectionRouteName, type ScreenParamList, type RegistrationParamList, } from '../../navigation/route-names.js'; import { useStyles } from '../../themes/colors.js'; export type RegistrationNavigationProp< RouteName: $Keys = $Keys, > = StackNavigationProp; const Registration = createStackNavigator< ScreenParamList, RegistrationParamList, StackNavigationHelpers, >(); const screenOptions = { headerTransparent: true, headerBackTitleVisible: false, headerTitle: '', headerTintColor: 'white', + headerLeftContainerStyle: { + paddingLeft: 12, + }, }; type Props = { +navigation: RootNavigationProp<'Registration'>, ... }; // eslint-disable-next-line no-unused-vars function RegistrationNavigator(props: Props): React.Node { const styles = useStyles(unboundStyles); return ( ); } const unboundStyles = { view: { flex: 1, backgroundColor: 'panelBackground', }, }; export default RegistrationNavigator;