btnRegister.Style

export default class PresentationScreen extends Component<Props> {

    callRegister = () => {
        <SignInScreen/>
    }

  render() {

    return (
      <View style={styles.Presentation}>
        <Text style={styles.Title}>LimoGrid</Text>

        <Text style={styles.subTitle}>
            YOUR PRIVATE DRIVER WORLDWIDE
        </Text>

        <TouchableOpacity style={styles.btnSignUp} onPress={this.callRegister}>
            <Text style={styles.txtBtnSignUp}>
                SIGN UP
            </Text>
        </TouchableOpacity>

        <TouchableOpacity style={styles.btnRegister}>
            <Text style={styles.txtBtnRegister}>
                REGISTER
            </Text>
        </TouchableOpacity>



      </View>
    );
  }
}

const styles = StyleSheet.create({
  Presentation: {
    flex: 1,
    alignItems: 'center',
    marginHorizontal: 15,
  },
  Title: {
    fontSize: 30,
    fontWeight: 'bold',
    color: '#fff',
    top: '35%',
    marginBottom: 2,
  },
  subTitle: {
    fontSize: 16,
    color: '#fff',
    top: '35%',
    marginBottom: 260,
  },
  btnSignUp: {
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#336ce8',
    bottom: 0,
    height: 60,
    width: 180,
    marginTop: 40,
    marginBottom: 10,
  },
  txtBtnSignUp: {
    fontSize: 16,
    color: '#fff',
  },
  btnRegister: {
    alignItems: 'center',
    justifyContent: 'center',
    bottom: 0,
    height: 60,
    width: 180,
    borderColor: '#fff',
    borderWidth: 2,
  },
  txtBtnRegister: {
    fontSize: 16,
    color: '#fff',
  },
});