Componentes básicos de react native

Equivalente a los div de HTML. Sirve para agrupar componentes.

<View><View>
<Text>El texto<Text>
<TextInput />
<Button title="Cerrar" onPress={ () => {btnPulsado()}}/>
<Image source={imagen} />

Cargar un combo desplegable:

<Picker style={styles.container} 
  selectedValue={microCicloActivo}
  onValueChange={valor => setValor(valor)}>
    <Picker.Item key=0 value=0 label="titulo 0"/>
    <Picker.Item key=1 value=1 label="titulo 1"/>
    <Picker.Item key=2 value=2 label="titulo 2"/>
</Picker>

Cargar un cuadro de diálogo. Cargaremos una librería externa para hacerlo.<

Otros componentes:

  • FlatList / mainList (listas de elementos)
  • AsyncStorage (equivalente a localStorage)

Aviso Legal | Política de privacidad