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 {props.children};
+ const styles = useStyles(unboundStyles);
+ return (
+
+
+ {props.children}
+
+
+ );
}
const unboundStyles = {
- background: {
- backgroundColor: 'panelBackground',
+ fill: {
+ flex: 1,
+ },
+ scrollViewContentContainer: {
padding: 16,
},
};