ridecabrider/src/components/Button.js

RideCab Customer Ride Booking All Over Cyprus, Live Driver Tracking, Wallet, Payment Methods

import React from 'react';
import { 
    StyleSheet,
    Text,
    TouchableOpacity,
  } from 'react-native';
import { colors } from '../common/theme';


export default class Button extends React.Component {
  render() {
    const { style, children, btnClick, buttonStyle } = this.props;
    return (
        <TouchableOpacity
            style={[styles.button,style]}
            onPress={btnClick}
        >
            <Text style={[styles.textStyle, buttonStyle]}>{children}</Text>
        </TouchableOpacity>
    );
  }
}

const styles = StyleSheet.create({
    button:{
        alignItems: 'center',
        justifyContent:'center',
        padding: 10,
        borderRadius:5
    },
    textStyle:{
        color: colors.WHITE,
        width:"100%",
        textAlign: "center"
    }
});