[finom/react-native-touchable] A universal Touchable (React Native) which behaves like TouchableOpacity on iOS but like TouchableNativeFeedback on Android

Touchable.js

import { TouchableOpacity, TouchableNativeFeedback, Platform } from 'react-native';
import { createElement } from 'react';

// use TouchableNativeFeedback for android and TouchableOpacity for ios
// use TouchableOpacity with activeOpacity=1 for both platforms if disabled=true
const Touchable = ({
  disabled,
  onPress,
  ...props
}) => {
  const handleOnPress = (...args) => {
    if (!disabled) {
      return onPress?.(...args);
    }
    return undefined;
  };

  return Platform.select({
    android: createElement(disabled ? TouchableOpacity : TouchableNativeFeedback, {
      onPress: handleOnPress,
      // activeOpacity: disabled ? 1 : undefined,
      ...props,
    }),
    ios: createElement(TouchableOpacity, {
      onPress: handleOnPress,
      activeOpacity: disabled ? 1 : 0.2,
      ...props,
    }),
  });
};

export default Touchable;