Está en la página 1de 21

MANEJANDO DATA

Docente:
Carlos Carrascal Avendaño
App Móviles
1. Componente de TextInput

Es un componente el cual va a contener todo el texto que va a


ingresar el usuario. Esto vendría siendo como la caja de texto
que nosotros vemos en sitios web o en otras aplicaciones
móviles.

Hay dos formas de hacer que el TextInput tome todo el ancho


de la pantalla

4
Forma 1.

5
Forma 2.

6
PlaceHolder

Es para colocar un mensaje en


la caja de texto
7
onChangeText

Nos permite a nosotros poder manipular este


texto como por ejemplo guardarlo en el estado
8
2. Botones: Eventos táctiles

Es una propiedad que


recibe nuestro
componente
de batón que tiene
que recibir el valor de
una función.

9
3. Más botones
3.1. TouchableHighlight

Cambiar el color

10
3. Más botones
3.2. TouchableNativeFeedback

Solo sirve en Android

Cambiar el color

11
3. Más botones
3.3. TouchableOpacity

Cambiar el color

12
3. Más botones
3.4. TouchableWithoutFeedback

Cambiar el color

13
4. Componente de ScrollView

Es un componente que nos permite colocar mucho contenido


dentro de éste de manera que, si es este contenido no alcanza
a parecer dentro de esta pantalla nosotros vamos a poder
hacer scroll con nuestro dedo dentro de la pantalla.

14
Cambiar el color

15
5. Listas en React Native y
FlatList
Este componente nos permite renderizar componentes o
elementos que se estructuran de una manera bastante similar

16
17
5. SectionList

Investigar

18
6. Obtener datos de una API

https://
jsonplaceholder.typicode.
com/

https://
jsonplaceholder.typicode.com
/users

19
20

También podría gustarte