LimoAppSignInScreen.js

https://pastebin.com/AvBErbdb



import React, {Component} from 'react';
import {Platform,
    StyleSheet,
    Text,
    View,
    TextInput,
    TouchableOpacity,
} from 'react-native';



type Props = {};
export default class SignInScreen extends Component<Props> {
  render() {
    return (
      <View style={styles.SignInBox}>
        <TextInput style={styles.txtEmailSign} placeholder="Email" underlineColorAndroid={'transparent'} />

        <TextInput style={styles.txtPassSign} secureTextEntry={true} placeholder="Password" underlineColorAndroid={'transparent'} />

        <TouchableOpacity style={styles.btnForgot}>
            <Text style={styles.txtBottomHelp}>
                I forgot my password
            </Text>
        </TouchableOpacity>

        <TouchableOpacity style={styles.btnDontHave}>
            <Text style={styles.txtBottomHelp}>
                I don't have an account
            </Text>
        </TouchableOpacity>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  SignInBox: {
    position: 'absolute',
    height: 250,
    backgroundColor: '#fff',
    bottom: 0,
    width: '100%',
    paddingHorizontal: 10,
  },
  txtEmailSign: {
    alignSelf: 'stretch',
    height: 40,
    color: 'black',
    borderBottomColor: '#d1d1d1',
    borderBottomWidth: 1,
    top: 25,
    marginBottom: 25,
  },
  txtPassSign: {
    alignSelf: 'stretch',
    height: 40,
    color: 'black',
    borderBottomColor: '#d1d1d1',
    borderBottomWidth: 1,
    marginTop: 25,
    marginBottom: 25,
  },
  btnForgot: {
    marginBottom: 20,
  },
  txtBottomHelp: {
    color: 'blue',
    fontSize: 16,
  },
});