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
@@ -3,6 +3,7 @@
import * as React from 'react';
import { Text, TextInput } from 'react-native';
+import RegistrationButton from './registration-button.react.js';
import RegistrationContainer from './registration-container.react.js';
import type { RegistrationNavigationProp } from './registration-navigator.react.js';
import {
@@ -40,6 +41,8 @@
setCurrentSelection('custom');
}, []);
+ const onSubmit = React.useCallback(() => {}, []);
+
const styles = useStyles(unboundStyles);
const colors = useColors();
return (
@@ -88,6 +91,7 @@
ref={customKeyserverTextInputRef}
/>
+
);
}
diff --git a/native/account/registration/registration-button.react.js b/native/account/registration/registration-button.react.js
new file mode 100644
--- /dev/null
+++ b/native/account/registration/registration-button.react.js
@@ -0,0 +1,36 @@
+// @flow
+
+import * as React from 'react';
+import { Text } from 'react-native';
+
+import Button from '../../components/button.react.js';
+import { useStyles } from '../../themes/colors.js';
+
+type Props = {
+ +onPress: () => mixed,
+ +label: string,
+};
+function RegistrationButton(props: Props): React.Node {
+ const { onPress, label } = props;
+ const styles = useStyles(unboundStyles);
+ return (
+
+ );
+}
+
+const unboundStyles = {
+ button: {
+ backgroundColor: 'purpleButton',
+ borderRadius: 8,
+ },
+ buttonText: {
+ fontSize: 18,
+ color: 'panelForegroundLabel',
+ textAlign: 'center',
+ padding: 12,
+ },
+};
+
+export default RegistrationButton;
diff --git a/native/components/button.react.js b/native/components/button.react.js
--- a/native/components/button.react.js
+++ b/native/components/button.react.js
@@ -22,7 +22,7 @@
};
type Props = {
...DefaultProps,
- +onPress: () => *,
+ +onPress: () => mixed,
+disabled?: boolean,
+style?: ViewStyle,
// style and topStyle just get merged in most cases. The separation only