React Native Button

rn-button.jsx

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

function Button({ Component, buttonStyle, textStyle, onPress, title, disabled }) {
  return (
    <Component disabled={disabled} onPress={onPress}>
      <View style={buttonStyle}>
        <Text style={textStyle}>{title}</Text>
      </View>
    </Component>
  );
};

export default withProps(({ title, color }) => {
  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 {
    Component: Touchable,
    buttonStyle,
    textStyle,
  }; 
})(Button);