D7593.1768806116.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D7593.1768806116.diff
View Options

	diff --git a/native/account/registration/registration-container.react.js b/native/account/registration/registration-container.react.js
	--- a/native/account/registration/registration-container.react.js
	+++ b/native/account/registration/registration-container.react.js
	@@ -2,31 +2,41 @@

	import { useHeaderHeight } from '@react-navigation/elements';
	import * as React from 'react';
	-import { View } from 'react-native';
	+import { ScrollView } from 'react-native';

	+import KeyboardAvoidingView from '../../components/keyboard-avoiding-view.react.js';
	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],
	+ [headerHeight],
	);

	- return <View style={backgroundStyle}>{props.children}</View>;
	+ const styles = useStyles(unboundStyles);
	+ return (
	+ <KeyboardAvoidingView behavior="padding" style={styles.fill}>
	+ <ScrollView
	+ contentContainerStyle={styles.scrollViewContentContainer}
	+ style={backgroundStyle}
	+ >
	+ {props.children}
	+ </ScrollView>
	+ </KeyboardAvoidingView>
	+ );
	}

	const unboundStyles = {
	- background: {
	- backgroundColor: 'panelBackground',
	+ fill: {
	+ flex: 1,
	+ },
	+ scrollViewContentContainer: {
	padding: 16,
	},
	};