react-native-menu/src/menu/makeMenuOption.js

A flexible dropdown menu component for Android and iOS that is similar to Android's Spinner.

const createClass = require('create-react-class');

module.exports = (React, ReactNative, { model, styles }) => {
  const { View, TouchableWithoutFeedback } = ReactNative;

  return createClass({
    displayName: 'MenuOption',
    contextTypes: {
      menuController: model.IMenuController
    },
    onPress() {
      !this.props.disabled && this.props.onPress(this.props.value)
    },
    render() {
      if(this.props.renderTouchable) {
        return React.cloneElement(this.props.renderTouchable(), {onPress: this.onPress}, (
          <View style={[styles.option, this.props.style]}>
            { this.props.children }
          </View>
        ));
      }
      return (
        <TouchableWithoutFeedback onPress={this.onPress}>
          <View style={[styles.option, this.props.style]}>
            { this.props.children }
          </View>
        </TouchableWithoutFeedback>
      );
    }
  });
};