Flutter – Animación en Transición de Ruta

Las rutas son simplemente páginas en las aplicaciones de Flutter. Una aplicación a menudo necesita moverse de una página a otra. Pero para que estas transiciones sean más suaves, se pueden usar animaciones. Estas animaciones se pueden usar para curvar o interpolar el objeto Animation de la clase PageRouteBuilder para modificar la animación de transición. … Continue reading «Flutter – Animación en Transición de Ruta»

Dardo – Booleano

El lenguaje Dart proporciona un tipo de datos predefinido llamado booleano que puede almacenar dos valores posibles, ya sea verdadero o falso . Para declarar una variable booleana en el lenguaje de programación Dart, se usa la palabra clave bool . Más comúnmente, boolean se usa en declaraciones de toma de decisiones. La sintaxis para … Continue reading «Dardo – Booleano»

¿Cómo agregar o concatenar strings en Dart?

En Dart, la concatenación de strings se puede hacer de cuatro maneras diferentes: Mediante el uso del operador ‘+’ . Por interpolación de strings . Escribiendo directamente literales de string . Por el método Strings.join() . Por operador ‘+’ En Dart, podemos usar el operador ‘+’ para concatenar las strings. Ejemplo: usar el operador ‘+’ … Continue reading «¿Cómo agregar o concatenar strings en Dart?»

Flutter – Construyendo un juego de Tic Tac Toe

Flutter SDK es un kit de desarrollo de software de código abierto para crear una hermosa interfaz de usuario compilada de forma nativa. En este artículo, construiremos un juego de Tic Tac Toe. Usaremos VS Code IDE para este proyecto, también puede usar Android Studio. Los conceptos que se tratan son: Mostrando Widgets en la … Continue reading «Flutter – Construyendo un juego de Tic Tac Toe»

Una aplicación Hello World usando Flutter

Flutter es un SDK de aplicaciones para crear aplicaciones de alto rendimiento y alta fidelidad para iOS, Android, Web (beta) y escritorio (vista previa técnica) a partir de una única base de código escrita en Dart Language. En este artículo, proporcionaré una explicación línea por línea de cómo crear una aplicación simple de Hello World … Continue reading «Una aplicación Hello World usando Flutter»

Widget FlatButton en Flutter

FlatButton es el widget de diseño de materiales en flutter. Es un widget de material de etiqueta de texto que realiza una acción cuando se toca el botón . Entendamos con la ayuda de ejemplos.  Descargo de responsabilidad: a partir de mayo de 2021, la clase FlatButton en flutter está obsoleta. En su lugar, se … Continue reading «Widget FlatButton en Flutter»

¿Cómo agregar espacio entre widgets en Flutter?

En este artículo, aprenderemos cómo agregar espacio entre los widgets. Hay muchas opciones disponibles en flutter que puede usar para proporcionar espacio y hacer que la interfaz de usuario sea atractiva. Si usa Fila y Columna para organizar widgets, entonces, de forma predeterminada, hay opciones limitadas disponibles para la alineación. Hay muchas opciones disponibles para … Continue reading «¿Cómo agregar espacio entre widgets en Flutter?»

Cree una interfaz de usuario receptiva con Flutter

En este artículo, repasaremos los diferentes widgets con los que podemos crear aplicaciones receptivas con Flutter. 1. El Creador de diseño: Crea un árbol de widgets que puede depender del tamaño del widget principal. Esto es útil si queremos cambiar u ocultar algo dependiendo del tamaño principal. Dart LayoutBuilder(         builder: (BuildContext context, BoxConstraints constraints) { … Continue reading «Cree una interfaz de usuario receptiva con Flutter»

Aleteo – Efecto dominó

En Flutter, el widget InkWell se usa para realizar una animación ondulada cuando se toca. Este efecto es común para todos los componentes de la aplicación que siguen la guía de diseño de materiales. Una animación ondulada en su término más simple puede entenderse como una barra negra (predeterminada) en la parte inferior de una … Continue reading «Aleteo – Efecto dominó»

Flutter – Widget de relleno

El widget de relleno en flutter hace exactamente lo que dice su nombre, agrega relleno o espacio vacío alrededor de un widget o un montón de widgets. Podemos aplicar relleno alrededor de cualquier widget colocándolo como elemento secundario del widget Padding . El tamaño del widget secundario dentro del relleno está limitado por la cantidad … Continue reading «Flutter – Widget de relleno»