title: React-Native, ActionSheetIOS display instead of Picker
body: <p>I would like to use the <code>ActionSheetIOS</code> on <code>iOS</code>, instead of the native picker wheel.</p>
  
  <p>My app crashes out, how can I display my component?</p>
  
  <p>Here is my <code>Picker</code> component:</p>
  
  <pre><code>// Picker.ios.js    
  import React, { Component } from "react";
  
  import { StyleSheet, ActionSheetIOS, View } from "react-native";
  
  const PickerList = props =&gt; {
    const { label, options, selectedValue, name, onChange, identifier } = props;
  
    return ActionSheetIOS.showActionSheetWithOptions(
      {
        options: options,
        cancelButtonIndex: 1,
        destructiveButtonIndex: 2
      },
      optionIndex =&gt; {
       console.log('clicked')
      }
    );
  };
  
  export default PickerList;
  </code></pre>
  
  <p>I'm using conditional rendering to display my pickers, and a platform specific import:</p>
  
  <pre><code>         import Picker from "./common/Picker";
  
             {setYear
                      ? &lt;Picker
                            selectedValue={setGroup}
                            label="Year group"
                            onChange={this.onGroupChange}
                            options={
                                categories.find(category =&gt; {
                                    return category.id == setYear;
                                }).options
                            }
                        /&gt;
                      : null}
  </code></pre>