Quiero crear un menú desplegable de selección dentro de mi aplicación React Native. Utilizo el selector desplegable React Native para esto. Con mi implementación actual, solo puedo mostrar algo que parece una lista desplegable, pero no puedo abrirlo y seleccionar los elementos que agregué en mi código. ¿Qué echo de menos?
Aquí está mi implementación:
import DropDownPicker from "react-native-dropdown-picker"; import { View } from "react-native"; const Test = () => { return ( <View> <DropDownPicker items={[ { label: "Item 1", value: "item1" }, { label: "Item 2", value: "item2", selected: true }, ]} onChangeItem={(item) => console.log(item.label, item.value)} /> </View> ); };La documentación que está viendo no proporcionó el código para un uso adecuado. La documentación real está aquí .
import DropDownPicker from 'react-native-dropdown-picker'; function App() { const [open, setOpen] = useState(false); const [value, setValue] = useState(null); const [items, setItems] = useState([ {label: 'Apple', value: 'apple'}, {label: 'Banana', value: 'banana'} ]); return ( <DropDownPicker open={open} value={value} items={items} setOpen={setOpen} setValue={setValue} setItems={setItems} /> ); }