React Native Button

rn-button.js

import React from 'react';
import { Text, TouchableNativeFeedback, TouchableOpacity, View, Platform } from 'react-native';
import styles from './styles.js';

const Button = ({ color, onPress, title, disabled }) => {
  let Touchable;
  const buttonStyle = [styles.button];
  const textStyle = [styles.text];

  switch (Platform.OS) {
    case 'android':
      Touchable = TouchableNativeFeedback;
      color && buttonStyle.push({ backgroundColor: color });
      title = title.toUpperCase();
      break;

    case 'ios':
      Touchable = TouchableOpacity;
      color && textStyle.push({ color: color });
      break;
  }

  return (
    <Touchable disabled={disabled} onPress={onPress}>
      <View style={buttonStyle}>
        <Text style={textStyle}>{title}</Text>
      </View>
    </Touchable>
  );
};

export default Button;