Scribd
Cargar
49 vistas8 páginas

11 - Practica 09 (ListView)

La práctica 09 consiste en crear un proyecto de Flutter llamado 'practica_09', donde se implementará una interfaz utilizando ListView y ListTile. Se instruye a los usuarios a editar el archivo main.dart para establecer la pantalla inicial y a crear un archivo listview_page.dart que contenga una lista de tipos de Pokémon. Se enfatiza la importancia de agregar elementos visuales como ListTile y CircleAvatar en el diseño.

Cargado por

caifan_0883
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
49 vistas8 páginas

11 - Practica 09 (ListView)

La práctica 09 consiste en crear un proyecto de Flutter llamado 'practica_09', donde se implementará una interfaz utilizando ListView y ListTile. Se instruye a los usuarios a editar el archivo main.dart para establecer la pantalla inicial y a crear un archivo listview_page.dart que contenga una lista de tipos de Pokémon. Se enfatiza la importancia de agregar elementos visuales como ListTile y CircleAvatar en el diseño.

Cargado por

caifan_0883
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Practica 09

ListView
ListTile
Resultado Final de la practica

2
¿Que vamos a necesitar?

⬡ Crear un proyecto nuevo de Flutter. Le pondremos


practica_09.
⬡ Crear la carpeta src dentro de la carpeta lib
⬡ Dentro de la carpeta lib/src crear el archivo listview_page.dart
⬡ Borrar todo el contenido del archivo main.dart

⬡ Recursos:

https://image.flaticon.com/icons/png/512/188/188918.png

3
Editar el archivo main.dart
Ahora cambiaremos la
primera pantalla que se verá,
para ello tendremos que
dirigirnos a nuestro archivo
main.dart y cambiar el home
del MaterialApp por el de
ListaPage().

NO se te olvide importar.

4
Editar el archivo listview_page.dart
Aquí utilizaremos un
StateLessWidget, y
remplazaremos nuestro Container
por Scaffold, el cual iremos
agregando elementos como:

• ListTile
• CircleAvatar

5
Editar el archivo listview_page.dart

Dentro del children de nuestro ListView, pondremos el siguiente


código. Agregando un ListTile con ciertas propiedades.

Nota: En NetworkImage poner el URL de la que seleccionamos. 6


Editar el archivo listview_page.dart
Ahora realizaremos este proceso del ListTile varias veces. Hasta
terminar con todos los tipos de Pokémon

1. Normal 11.Water
2. Fighting 12.Grass
3. Flying 13.Electric
4. Poison 14.Psychic
5. Ground 15.Ice
6. Rock 16.Dragon
7. Bug 17.Dark
8. Ghost 18.Fairy
9. Steel 19.Unknown
10.Fire 20.Shadow
7
Resultado Final de la practica

También podría gustarte