fixing modal & keyboard interaction on android

android/app/src/main/AndroidManifest.xml

@@ -17,7 +17,7 @@
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
         android:launchMode="singleTask"
-        android:windowSoftInputMode="adjustResize"
+        android:windowSoftInputMode="adjustPan"
         android:exported="true">
         <intent-filter>
             <action android:name="android.intent.action.MAIN" />

src/view/com/login/CreateAccount.tsx

@@ -1,6 +1,7 @@
 import React, {useState, useEffect} from 'react'
 import {
   ActivityIndicator,
+  Keyboard,
   KeyboardAvoidingView,
   ScrollView,
   StyleSheet,
@@ -65,6 +66,7 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
 
   const onPressSelectService = () => {
     store.shell.openModal(new ServerInputModal(serviceUrl, setServiceUrl))
+    Keyboard.dismiss()
   }
 
   const onPressNext = async () => {

src/view/com/login/Signin.tsx

@@ -1,6 +1,7 @@
 import React, {useState, useEffect} from 'react'
 import {
   ActivityIndicator,
+  Keyboard,
   KeyboardAvoidingView,
   StyleSheet,
   Text,
@@ -134,6 +135,7 @@ const LoginForm = ({
 
   const onPressSelectService = () => {
     store.shell.openModal(new ServerInputModal(serviceUrl, setServiceUrl))
+    Keyboard.dismiss()
   }
 
   const onPressNext = async () => {

src/view/screens/Settings.tsx

@@ -31,7 +31,7 @@ export const Settings = observer(function Settings({
       <ViewHeader title="Settings" />
       <View style={[s.mt10, s.pl10, s.pr10]}>
         <View style={[s.flexRow]}>
-          <Text>Signed in as</Text>
+          <Text style={s.black}>Signed in as</Text>
           <View style={s.flex1} />
           <TouchableOpacity onPress={onPressSignout}>
             <Text style={[s.blue3, s.bold]}>Sign out</Text>
@@ -49,7 +49,7 @@ export const Settings = observer(function Settings({
               avatar={store.me.avatar}
             />
             <View style={[s.ml10]}>
-              <Text style={[s.f18]}>
+              <Text style={[s.f18, s.black]}>
                 {store.me.displayName || store.me.handle}
               </Text>
               <Text style={[s.gray5]}>@{store.me.handle}</Text>