Tiempo de lectura: 5 minutos El widget Container es un widget que es muy básico pero a la vez muy practico, ya que es un componente genérico de contenimiento, puede contener un componente hijo que puede ser cualquier tipo de widget y lo podemos usar […]
2.5 Image
Tiempo de lectura: 6 minutos Para mostrar una imagen en Flutter podemos hacerlo mediante dos widgets diferentes: Image: Es un widget sin estado, (asà como lo son Text o Button) y lo utilizamos cuando queremos mostrar imágenes en la pantalla que permanecerán sin alterarse en […]
2.4 Button
Tiempo de lectura: 4 minutos Flutter cuenta con 4 tipos de botones: TextButton, ElevatedButton, OutlinedButton e IconButton, los cuales nos permiten habilitar interacciones con el usuario. A continuación veremos ejemplos (del más sencillo al más complejo) de cómo utilizar estos widgets para crear nuestros propios […]
2.3 Icons
Tiempo de lectura: 3 minutos Flutter cuenta con un widget para incrustar iconos. Un icono es un apoyo visual con signos gráficos que nos apoya en la representación de mensajes. Para mostrar un icono en la pantalla estaremos usando nuestro código base que creamos en […]
2.2 Text
Tiempo de lectura: 5 minutos Vamos a usar el widget de texto 1000 veces y una más en cada una de nuestras aplicaciones, nos permite mostrar texto en nuestra pantalla. Lo vimos previamente cuando hicimos nuestro código de prueba. Para mostrar las capacidades del widget Text en […]
2.1 Widgets
Tiempo de lectura: 2 minutos En Flutter todo es un widget, imagina cada widget como un pequeño bloque de Lego que vas a juntar con otros bloques para construir literal cualquier aplicación. Cada widget tiene la cualidad de poderlo configurar internamente para definir cómo se […]
1.6 Configura tus dispositivos Android.
Tiempo de lectura: 6 minutos Configurar Android studio y Android studio tools. Este paso que cubrimos en el post Configuración Android Studio es requisito antes de configurar nuestro teléfono o nuestro simulador. Te recomiendo que lo veas para que tengas todo el ambiente configurado correctamente […]
1.5.2 Conoce los principales componentes de tu aplicación.
Tiempo de lectura: 4 minutos Analicemos nuestro código generado y agreguemos modificaciones para ir aprendiendo Flutter. En la barra izquierda donde tenemos el explorador de archivos, encontramos la siguiente estructura de carpetas. VS Code Android Studio Comencemos con el archivo pubspec.yaml el cual contiene la […]
1.5.1 ¡Crea tu proyecto Flutter!
Tiempo de lectura: 2 minutos En este post crearemos un proyecto base y validaremos que nuestro entorno de desarrollo funciona antes de empezar a realizar cualquier modificación a nuestra aplicación. Para comenzar tenemos que crear un proyecto nuevo, el cual lo generamos con el siguiente […]
1.4.2 Configuración Visual Studio Code
Tiempo de lectura: 3 minutos Visual Studio Code es un producto creado por Microsoft en el cual podemos programar prácticamente lo que sea debido al soporte con plugins para varios lenguajes de programación. Para realizar la descarga hay que ingresar a la siguiente URL: https://code.visualstudio.com/download […]
- 1
- 2