diff --git a/native/account/registration/keyserver-selection.react.js b/native/account/registration/keyserver-selection.react.js
--- a/native/account/registration/keyserver-selection.react.js
+++ b/native/account/registration/keyserver-selection.react.js
@@ -1,7 +1,7 @@
// @flow
import * as React from 'react';
-import { Text, TextInput } from 'react-native';
+import { Text, TextInput, View } from 'react-native';
import RegistrationButton from './registration-button.react.js';
import RegistrationContainer from './registration-container.react.js';
@@ -46,57 +46,63 @@
const styles = useStyles(unboundStyles);
const colors = useColors();
return (
-
- Select a keyserver to join
-
- Chat communities on Comm are hosted on keyservers, which are
- user-operated backends.
-
-
- Keyservers allow Comm to offer strong privacy guarantees without
- sacrificing functionality.
-
-
-
-
- ashoat
-
-
- Ashoat is Comm’s founder, and his keyserver currently hosts most of
- the communities on Comm.
+
+
+ Select a keyserver to join
+
+ Chat communities on Comm are hosted on keyservers, which are
+ user-operated backends.
+
+
+ Keyservers allow Comm to offer strong privacy guarantees without
+ sacrificing functionality.
-
-
-
- Enter a keyserver
-
-
-
+
+
+
+ ashoat
+
+
+ Ashoat is Comm’s founder, and his keyserver currently hosts most of
+ the communities on Comm.
+
+
+
+
+ Enter a keyserver
+
+
+
+
);
}
const unboundStyles = {
+ container: {
+ justifyContent: 'space-between',
+ flex: 1,
+ },
header: {
fontSize: 24,
color: 'panelForegroundLabel',
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
@@ -6,10 +6,14 @@
import { useStyles } from '../../themes/colors.js';
+type ViewProps = React.ElementConfig;
type Props = {
+ ...ViewProps,
+children: React.Node,
};
function RegistrationContainer(props: Props): React.Node {
+ const { children, style, ...rest } = props;
+
const headerHeight = useHeaderHeight();
const backgroundStyle = React.useMemo(
() => ({
@@ -19,12 +23,18 @@
);
const styles = useStyles(unboundStyles);
+ const contentContainerStyle = React.useMemo(
+ () => [styles.scrollViewContentContainer, style],
+ [styles.scrollViewContentContainer, style],
+ );
+
return (
- {props.children}
+ {children}
);
}