Así que he estado pensando cómo mostrar la vista predeterminada si aún no elige el valor desplegable, por lo que cuando el usuario aún no elige el valor, ve el valor predeterminado, no sé si me equivoqué al usar el nulo o !!seleccionado pero todavía no mostrando la pantalla predeterminada

Exposición de bocadillos: https://snack.expo.dev/@mikess/react-native-select-dropdown

El código:

Aplicación.js

 import React, { FC, useState } from 'react'; import { StyleSheet, Text, View } from 'react-native'; import Dropdown from './components/Dropdown'; const App: FC = () => { const [selected, setSelected] = useState(undefined); const data = [ { label: 'One', value: '1' }, { label: 'Two', value: '2' }, { label: 'Three', value: '3' }, { label: 'Four', value: '4' }, { label: 'Five', value: '5' }, ]; return ( <View style={styles.container}> <Dropdown label="Select Item" data={data} onSelect={setSelected} /> {null && ( <View> <Text> asdasdasda </Text> </View> ) && selected.value == 1 ? ( <View> <Text> Hallo </Text> </View> ) : !!selected && selected.value == 2 ? ( <View> <Text> Chiken </Text> </View> ):null} </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', flexDirection: 'column', }, }); export default App;

hay otro método, si es así, ¿qué método debo usar, pero si puede solucionarlo, muchas gracias?