Capturar valor de una lista (Picker)

---

npm install @react-native-picker/picker

import React, { useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { Picker } from '@react-native-picker/picker';

const SelectorDeFruta = () => {
const [fruta, setFruta] = useState('manzana');

return (
  <View style={styles.container}>
    <Text style={styles.label}>Selecciona tu fruta favorita:</Text>

    <Picker
      selectedValue={fruta}
      onValueChange={(itemValue) => setFruta(itemValue)}
      style={styles.picker}
    >
      <Picker.Item label="Manzana" value="manzana" />
      <Picker.Item label="Banano" value="banano" />
      <Picker.Item label="Naranja" value="naranja" />
      <Picker.Item label="Fresa" value="fresa" />
    </Picker>

    <Text style={styles.resultado}>Fruta seleccionada: {fruta}</Text>
  </View>
);
};

const styles = StyleSheet.create({
  container: {
    padding: 20,
    backgroundColor: '#fff',
    flex: 1,
    justifyContent: 'center',
  },
  label: {
    fontSize: 16,
    marginBottom: 10,
  },
  picker: {
    backgroundColor: '#e0e0e0',
    borderRadius: 8,
  },
  resultado: {
    marginTop: 20,
    fontSize: 16,
    fontWeight: 'bold',
  },
});

export default SelectorDeFruta;