diff --git a/native/account/registration/registration-container.react.js b/native/account/registration/registration-container.react.js
index f3bbe2207..602b494d2 100644
--- a/native/account/registration/registration-container.react.js
+++ b/native/account/registration/registration-container.react.js
@@ -1,34 +1,44 @@
// @flow
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,
},
};
export default RegistrationContainer;