He creado un nuevo proyecto de Flutter con Android Studio, sin cambiar nada he intentado ejecutarlo en mi teléfono para ver la app de demo y comprobar que todo estaba bien, pero al hacerlo ha saltado un error y la aplicación no se ha ejecutado. Este error imprimía los siguientes mensajes en la consola. * […]
Material desing sugiere que utilicemos un floating action button si existe una acción principal clara. En Flutter podemos incluirlo de forma muy sencilla. El Widget Scaffold que utilizamos como base en nuestras pantallas tiene una propiedad pensaba para insertar este tipo de botón, su propio nombre lo indica, “floatingActionButton”. Dentro debemos utilizar un Widget FloatingActionButton, […]
Una buena opción para que los usuarios naveguen por nuestra aplicación es usar Drawer, que nos permite mostrar el típico menú que aparece desde un lateral. Es algo tan común, que el propio Widget Scaffold tiene una propiedad especialmente pensada para eso. Si partimos de una aplicación básica con un Scaffold como la siguiente. import […]
En una aplicación es normal que el contenido esté dividido en diferentes pantallas. Vamos a ver cómo podemos crearlas y navegar por ellas con Navigator. En Flutter, el Navigator es el encargado de gestionar las pantallas y lo hace en forma de pila. Si queremos crear una nueva pantalla, ésta se pondrá en el primer […]
El diseño de interfaces con Flutter se basa en widgets y los widgets se dividen en dos tipos, stateful y stateless. Vamos a ver cuáles son sus diferencias. Decimos que un widget es un stateless widget si es estático, es decir, si no va a sufrir ningún cambio. Por ejemplo un texto, un icono… en […]
La gran mayoría de apps necesitan mostrar una lista de elementos en algún momento. Listas de contactos, de canciones, de preferencias, de lugares, de chats o de cualquier cosa. En esta ocasión veremos cómo podemos hacerlo utilizando el widget ListView de Flutter. Nuevo proyecto: “Países” Para mostrar cómo programar un listado de elementos con flutter, […]
Una buena forma de aprender una nueva tecnología es hacer un pequeño programa que muestre el texto “hola mundo”. Vamos a ver cómo hacerlo con Flutter.