title: Problems with Picker on IOS, the view is not what I expect with React Native
body: <p>I'm very new to React Native, I'm using the '@react-native-picker/picker' library; to make a measure selector picker for a cooking app, for example you must select the person between kilograms, grams, etc.</p>
  <p>I implemented it but on IOS it appears below the text, but on Android it comes out perfect, and I have seen that on iPhones the selects appear below the screen, I would love to do it that way, can you help me explain how to do it I share code and an image of what I'm wearing</p>
  <p>Thank you</p>
  <p><a href="https://i.stack.imgur.com/1zWs1.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Code</p>
  <pre><code>import { Button, Image, StyleSheet, Text, TextInput, View } from 'react-native';
  import React, { useRef, useState } from 'react';
  
  import Menu from './src/components/menu';
  import {Picker} from '@react-native-picker/picker';
  import { StatusBar } from 'expo-status-bar';
  
  export default function App() {
  
    //useState
  
    const [product, setProduct] = useState('');
    const [quantity, setQuantity] = useState(0);
    const [measure, setMeasure] = useState('Seleccione una medida');
  
    const pickerRef = useRef();
  
  function open() {
    pickerRef.current.focus();
  }
  
  function close() {
    pickerRef.current.blur();
  }
    return (
      &lt;View style={styles.container}&gt;
        
        &lt;Menu /&gt;
        
        &lt;View style={styles.textNomList}&gt;     
          &lt;Text style={styles.textNom}&gt;Lista del 06/09/2022 Supermercado&lt;/Text&gt; 
        &lt;/View&gt;
        
        &lt;View style={styles.textContainerTitle}&gt;
          &lt;Text style={styles.textTitle}&gt;Lista de Supermercado &lt;/Text&gt;
        &lt;/View&gt;
  
        &lt;View style={styles.TextInputContainer}&gt;
          &lt;TextInput style={styles.TextInput} 
          placeholder=&quot;Nombre del producto&quot;
          backgroundColor= '#ffffff' /&gt;  
              &lt;TextInput style={styles.TextInput} 
          placeholder=&quot;Cantidad&quot;         
          backgroundColor= '#ffffff' /&gt;  
           &lt;Text style={styles.textPicker}&gt; {measure} &lt;/Text&gt;
          &lt;Picker 
           selectedValue = { measure } 
           onValueChange = { (itemValue, itemIndex) =&gt;
            setMeasure(itemValue) }&gt;
            &lt;Picker.Item label = &quot; &quot;  value = &quot; &quot; /&gt;
            &lt;Picker.Item label = &quot;Unidad&quot; value = &quot;Unidad&quot; /&gt;
            &lt;Picker.Item label = &quot;Kg&quot; value = &quot;Kg&quot; /&gt;
            &lt;/Picker&gt;
           
        &lt;/View&gt;
  
        &lt;StatusBar style=&quot;auto&quot; /&gt;
  
      &lt;/View&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#6E04BF',
      color: '#fff',     
    }, 
  
    textNomList: {
      marginLeft: 20,
      alignItems: 'baseline',
    },
  
    textNom: {
      color: '#fff',
      fontSize: 10,
      fontWeight: 'bold',    
    },
  
    textContainerTitle: {
      marginTop: 10,
      marginLeft: 20,
      alignItems: 'center',
    },
  
    textTitle: {
      color: '#fff',
      fontSize: 30,
      fontWeight: 'bold',
    },
  
    TextInputContainer: {
      marginTop: 40,
      marginHorizontal: 20,
    },
  
    TextInput: {
      height: 33,
      color: '#6E04BF',
      backgroundColor: '#fff',
      fontSize: 15,
      selectionColor: '#fff',
      placeholderTextColor: '#6E04BF',
      marginBottom: 15,
    },
  
    textPicker: {
    color:'#fff',
    },  
    
    itemPicker: {
      color: '#fff',
    },
    
  });
  </code></pre>