Reloj Analógico en Flutter

En Flutter, todo es un widget. Los complementos, comúnmente llamados dependencias, son herramientas que se usan con bastante frecuencia en Flutter, lo que ayuda a que el código funcione más fácil y rápido. Se utilizan muchos complementos en Flutter, de los cuales se puede usar el complemento «analog_clock» para crear un reloj analógico. Agregar dependencias … Continue reading «Reloj Analógico en Flutter»

Flutter – Diseño de contenedores

En este artículo, veremos el widget más básico y simple en Flutter Container. Veremos cómo podemos diseñar nuestro contenedor de diferentes maneras según nuestra necesidad, para que podamos usar este widget de manera efectiva en nuestra aplicación.  En primer lugar, tenemos que escribir un código de inicio para nuestro proyecto. Nuestro código para la estructura de … Continue reading «Flutter – Diseño de contenedores»

Flutter – Widget de información sobre herramientas

La información sobre herramientas es un widget incorporado en flutter basado en el diseño de materiales, que muestra una descripción textual del widget en una etiqueta flotante cuando un usuario presiona prolongadamente o pasa el mouse sobre el widget. El widget de información sobre herramientas se vuelve muy útil cuando la interfaz de usuario de … Continue reading «Flutter – Widget de información sobre herramientas»

Flutter – Widget posicionado

Positioned es un widget que viene integrado con flutter SDK. Postioned hace exactamente lo que parece, es decir, coloca widgets arbitrariamente uno encima del otro. Por lo general, se usa para colocar widgets secundarios en Stack widget o similar. Solo funciona para widgets Stateless y Stateful . Constructor de clase posicionada: Es responsable de controlar … Continue reading «Flutter – Widget posicionado»

Texto animado en Flutter

Las animaciones hacen que la interfaz de usuario sea más interactiva y mejoran la experiencia del usuario. No hay limitación de creatividad cuando se trata de animaciones o hacer que la aplicación sea más interactiva. En Flutter, obtuvimos una manera fácil de mostrar texto animado. En este artículo, veremos cómo podemos animar textos usando animation_text_kit. … Continue reading «Texto animado en Flutter»

Flutter: widget de texto enriquecido

El widget RichText se usa para mostrar texto que usa varios estilos diferentes. El texto mostrado se describe usando un árbol de objetos TextSpan , cada uno de los cuales tiene su propio estilo asociado que se usa para ese subárbol . Dependiendo de las restricciones de diseño, el texto puede dividirse en varias líneas … Continue reading «Flutter: widget de texto enriquecido»

Flutter – Widget AbsorbPointer

AbsorbPointer es un widget incorporado en flutter que absorbe el puntero, en otras palabras, evita que se haga clic, toque, desplace, arrastre y responda a su subárbol . En flutter, la mayoría de los widgets ya vienen con una opción para deshabilitarlos, por ejemplo, en RaisedButton podemos establecer la función onClicked en nulo para deshabilitar, … Continue reading «Flutter – Widget AbsorbPointer»

Flutter: widget flexible

Flexible es un widget incorporado en flutter que controla cómo un elemento secundario de los widgets flexibles base que son Fila, Columna y Flex llenará el espacio disponible para él. El widget Expandido en flutter es una abreviatura de Flexible con el ajuste predeterminado de FlexFit.tight . El widget flexible juega un papel muy importante … Continue reading «Flutter: widget flexible»

Widget ClipOval en Flutter

El widget ClipOval recorta el widget secundario en forma de óvalo o círculo . Podemos remodelar el widget secundario cambiando el ancho y el alto . Si el ancho y la altura son iguales, la forma será circular. Si el ancho y la altura se dan de manera diferente, la forma será ovalada. Entendamos esto … Continue reading «Widget ClipOval en Flutter»

Widget de pintura personalizado en Flutter

Flutter brinda a los desarrolladores la libertad total de usar cada píxel en la pantalla y dibujar formas personalizadas. Este ha sido uno de los puntos clave de venta de Flutter. Para lograr esto, usamos la clase CustomPainter. En este artículo, intentaremos crear el logotipo de GeeksforGeeks usando el widget CustomPaint de Flutter. Implementación paso … Continue reading «Widget de pintura personalizado en Flutter»