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 }/>

El componete Button no se puede estilizar (sólo en Android). En su lugar, usaremos TouchableOpacity. Para que el editor lo reconozca, tendremos que importar:

import styled from 'styled-components/native';
<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)
← Crear una aplicación en React Native con Expo
styled-components en react-native →

Aviso Legal | Política de privacidad