weechatRN

commit c0e1797e5bf046a4d61d7841a209683e5870e40f
parent 34eedc3e4a357db22ecb25e3533d7d3a61089f45
Author: Johan Lindskogen <johan.lindskogen@gmail.com>
Date:   Mon,  2 Apr 2018 22:21:13 +0200

iPhone X fixes, and url keyboard

Diffstat:
M
src/usecase/login/LoginForm.tsx
 | 
8
+++++---

1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/usecase/login/LoginForm.tsx b/src/usecase/login/LoginForm.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import {
   View,
+  SafeAreaView,
   Text,
   TextInput,
   ActivityIndicator,
@@ -66,7 +67,7 @@ class LoginForm extends React.Component<Props, State> {
     const { hostname, password, ssl } = this.state;
 
     return (
-      <View style={styles.container}>
+      <SafeAreaView style={styles.container}>
         <StatusBar barStyle="light-content" />
         <Text style={styles.header}>
           Connect to Weechat relay via websocket
@@ -74,6 +75,7 @@ class LoginForm extends React.Component<Props, State> {
         <TextInput
           style={styles.input}
           placeholderTextColor="#4157af"
+          keyboardType="url"
           autoCapitalize="none"
           placeholder="Hostname"
           onChangeText={this.setHostname}
@@ -109,7 +111,7 @@ class LoginForm extends React.Component<Props, State> {
             )}
           </TouchableOpacity>
         </View>
-      </View>
+      </SafeAreaView>
     );
   }
 }
@@ -123,7 +125,7 @@ const styles = StyleSheet.create({
   container: {
     backgroundColor: "#f8f8f8",
     flex: 1,
-    padding: 20
+    padding: 30
   },
   header: {
     textAlign: "center",