Universidad Tecnológica de los Andes

FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

GUIA DE LABORATORIO Nº 8
Nombre de la práctica : Implementación de un contador
Semestre : 2022-II
Lugar de ejecución : Laboratorio de cómputo
Asignatura : Programación Móvil
Docente : Ing. Godofredo Poccori Umeres

I. Competencias a conseguir

1. Continuar con el proyecto desarrollado

2. Crear un botón para generar nuestro contador.
3. Emular el código generado por el programa.
4. Realizar cambios

II. Fundamento Teórico

EIDGETS BASICOS

III. Practica de laboratorio

Sobre el ejercicio de la última sección continuamos
 Creamos el archivo contador_pages dentro de la carpeta pages, este archivo tendrá el
código que permita incrementar el script.

pág. 1
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

 En seguida dentro de este archivo digitamos nuestro código.

pág. 2
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

 Este archivo será llamado desde la pagina appa.dart

pág. 3
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

 Como sabemos nuestra pagina main.dart queda igual

 Ejecutamos nuestro aplicativo y probamos el funcionamiento de nuestro contador

pág. 4
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

pág. 5
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

 En consola también podemos observar la ejecución del mesaje

CAMBIANDO LA POSICION DEL BOTON

La posición del botón puede ser cambiada a cualquier posición de la ventana de nuestro dispositivo.

pág. 6
 Universidad Tecnológica de los Andes
FACULTAD DE INGENIERÍA
Escuela Profesional de Ingeniería de Sistemas e Informática

IV. Ejercicios de laboratorio

Estos ejercicios serán desarrollados durante la sesión por los estudiantes y luego ser presentados
compartiendo pantalla.
 Ejecute el ejercicio de la presente guía.
 Agregar un botono que tenga icono “menos” que me permita decrementar el contador y
cambie de color a los botones.

IV. Ejercicios propuestos

 Ejercicio.-Tanto al botón (+) y el botón (-) que increnta y decrementa respectivamente.

Agregar código que me permita indicar que numero incrementado o decrementado me
muestre en consola si es un numero par o impar.

V. Referencias

 https://esflutter.dev/docs/development/ui/widgets/basics
 https://www.geeksforgeeks.org/scaffold-class-in-flutter-with-examples/
 https://api.flutter.dev/flutter/widgets/Icon-class.html

pág. 7