title: Can I use multiple or nested elements in the Label of a Picker Item in React Native?
body: <p>I'm using React Native with NativeBase and would like to make the labels of my Picker more complicated than just one plain string of text.</p>
  
  <p>But is it even possible to pass elements as the label, say multiple child elements wrapped in a single top-level element?</p>
  
  <p>Or do Pickers only support plain text as labels?</p>
  
  <hr>
  
  <p>As requested by bennygenel, here's a version of what I've tried:</p>
  
  <pre><code>export default class ThingPicker extends React.Component {
  
    render() {
      const {
        initialThing,
        things,
        onThingChanged,
      } = this.props;
  
      const orderedThings = things.sort();
  
      return (
        &lt;Picker
          selectedValue={initialThing}
          onValueChange={onThingChanged}&gt;
          {buildThingItems(orderedThings)}
        &lt;/Picker&gt;
      );
    }
  }
  
  function buildThingItems(orderedThings) {
    let items = orderedThings.map(th =&gt; {
      const it = th === "BMD" ? (&lt;Text key={th} label={"foo"} value={"bar"}}&gt;Hello&lt;/Text&gt;)
      : (&lt;Picker.Item key={th} label={th} value={th} /&gt;);
  
      return it;
    });
  }
  </code></pre>