<View style={styles.container}>
        <Text>Logo</Text>
        <View style={styles.loginBox}>
          <Text>text input</Text>
        </View>
        <TouchableOpacity style={styles.button} activeOpacity={.85}>
          <Text style={styles.btnText}>LOGIN</Text>
        </TouchableOpacity>
      </View>


const styles = StyleSheet.create({
  container: {
    backgroundColor: '#439c8f',
    flex: 0.66,
    flexDirection: 'column',
    justifyContent: 'flex-end'
  },
  loginBox: {
    backgroundColor: '#ffffff',
    flex: 0.60,
    flexDirection: 'column',
    marginLeft: 10,
    marginRight: 10,
    justifyContent: 'flex-end',
  },
  button: {
    alignItems: 'center',
    backgroundColor: '#6d5cae',
    padding: 10,
    margin: 40,
    borderRadius: 5,
  },
  btnText: {
    color: 'white',
    fontWeight: 'bold'
  }
});