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»

Hoja inferior en Flutter

Podemos crear bottomsheet en flutter. Básicamente, tenemos dos tipos de hojas inferiores en el diseño de materiales: Persistentes y Modales . Bottomsheets se utilizan cuando queremos realizar acciones. Básicamente, hay dos tipos de Bottomsheets : persistentes y modales. La hoja inferior persistente no oculta el contenido de la pantalla y se enfoca en ambos lados. … Continue reading «Hoja inferior en Flutter»

Widget expandible en Flutter

Los widgets expandibles no tienen un tamaño fijo, se expanden en la pantalla según las áreas disponibles en la pantalla. Debido a las limitaciones de tamaño, ciertos widgets pueden arrojar errores de representación, por lo que los widgets se hacen expandibles. El único uso de los widgets expandibles son las tarjetas que incluyen imágenes, textos … Continue reading «Widget expandible en Flutter»

Widget de opacidad en Flutter

El widget Opacity que hace que su hijo sea parcialmente transparente. Esta clase colorea a su hijo en un búfer intermedio y luego vuelve a fusionar al hijo en la escena parcialmente transparente. Para valores de opacidad que no sean 0.0 y 1.0, esta clase es relativamente costosa ya que necesita colorear al niño en … Continue reading «Widget de opacidad en Flutter»

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»

Flutter – Botón de acción flotante

Un botón de acción flotante es un botón de icono circular que se desplaza sobre el contenido para promover una acción principal en la aplicación. Los botones de acción flotantes se usan más comúnmente en el campo Scaffold.floatingActionButton . Constructor: Syntax: FloatingActionButton({Key key, Widget child, String tooltip, Color foregroundColor, Color backgroundColor, Color focusColor, Color hoverColor, … Continue reading «Flutter – Botón de acción flotante»

Flutter: orientación de la interfaz de usuario

Todas las aplicaciones deberían poder ajustar su interfaz de usuario (UI) según la orientación del teléfono. Por orientación, implicamos el modo vertical y horizontal en los teléfonos inteligentes en lugar de la orientación física. En Flutter, se hace usando OrientationBuilder, que determina la orientación actual de la aplicación . Analizaremos lo mismo creando una aplicación … Continue reading «Flutter: orientación de la interfaz de usuario»

Flutter – Widget de OctoImage

El widget OctoImage en Flutter requiere un ImageProvider para mostrar imágenes en una aplicación. Las imágenes en el widget OctoImage se pueden proporcionar con un indicador de progreso o un marcador de posición para cargar la imagen en él. Un widget OctoImage hace uso de Octosets , que no son más que la combinación de … Continue reading «Flutter – Widget de OctoImage»

Flutter: widget de botón de texto

TextButton es un widget incorporado en Flutter que deriva su diseño de la Biblioteca de diseño de materiales de Google. Es un botón simple sin ningún borde que escucha los gestos onPressed y onLongPress . Tiene una propiedad de estilo que acepta ButtonStyle como valor; al usar esta propiedad de estilo, los desarrolladores pueden personalizar … Continue reading «Flutter: widget de botón de texto»

Flutter – Widget IgnorePointer

IgnorePointer es un widget incorporado en flutter que es similar al widget AbsorbPointer , ambos evitan que el widget de sus hijos tenga eventos de puntero que son grabar, hacer clic, arrastrar, desplazarse y pasar el mouse. Ambos hacen lo mismo de dos maneras diferentes, el widget AbsorbPointer absorbe todos los eventos de puntero, lo … Continue reading «Flutter – Widget IgnorePointer»