ActionSheetIOS.js

'use strict';

import React, {ActionSheetIOS, PropTypes} from 'react-native';


const optionNames = [
	'title', 
	'options', 
	'tintColor',
	'cancelButtonIndex', 
	'destructiveButtonIndex'
];


function isArray(obj) {
	return Object.prototype.toString.call(obj) === '[object Array]';
}


class ActionSheet extends React.Component {
	constructor(props) {
		super(props);
	}

	componentDidMount() {
		let options = this.props.options;
		if (!isArray(options) || options.length === 0) {
			throw Error('Prop `options` must be an array and it must not be empty.');
		}
	}

	show() {
		let props = this.props;
        let options = optionNames.reduce((obj, name, index) => {
            if (typeof props[name] !== 'undefined') obj[name] = props[name];
            return obj;
        }, {});
		ActionSheetIOS.showActionSheetWithOptions(options, props.onPress);
	}	

	render() {
		return null;
	}
}


ActionSheet.propTypes = {
	title: 					PropTypes.string,
	options: 				PropTypes.array.isRequired,
	tintColor: 				PropTypes.string,
	cancelButtonIndex: 		PropTypes.number,
	destructiveButtonIndex: PropTypes.number,
	onPress: 				PropTypes.func
};

ActionSheet.defaultProps = {
	onPress: 				() => {}
};


export default ActionSheet;