Flutter – Widget de tarjeta

Card es un widget incorporado en flutter que deriva su diseño de la Biblioteca de diseño de materiales de Google . La funcionalidad de este widget en pantalla es que es un espacio o panel anodino con esquinas redondeadas y una ligera elevación en la parte inferior. Viene con muchas propiedades como color, forma, color … Continue reading «Flutter – Widget de tarjeta»

Widget BottomNavigationBar en Flutter

El widget BottonNavigationBar se usa para mostrar la parte inferior de una aplicación. Puede constar de varios elementos, como iconos, texto o ambos, que conducen a una ruta diferente según el diseño de la aplicación. Está destinado a ayudar al usuario a navegar a diferentes secciones de la aplicación en general. Constructores: Syntax: BottomNavigationBar( {Key … Continue reading «Widget BottomNavigationBar en 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ó»

Alinear widget en Flutter

su Constructor de la clase Align: Syntax: Align({Key key, AlignmentGeometry alignment: Alignment.center, double widthFactor, double heightFactor, Widget child}) Propiedades del widget Alinear: alineación:   Establece la alineación. child:   El widget hijo en el árbol. hashCode: el código hash del objeto. factor de altura : la Dart import ‘package:flutter/material.dart’;   void main() => runApp(MyApp());   … Continue reading «Alinear widget en Flutter»

Flutter – Widget de riel de navegación

NavigationRail es un widget de Flutter que permite crear una barra de navegación en la ubicación izquierda o derecha de la pantalla. Al igual que la barra de navegación inferior que se adhiere a la parte inferior, tenemos un riel de navegación que permanece en uno de los lados. NavigationRail es adecuado para ventanas de … Continue reading «Flutter – Widget de riel de navegación»

Flutter: aplicaciones receptivas y adaptables

Siempre que desarrollamos una aplicación, generalmente la desarrollamos para un solo dispositivo, pero no está diseñada para usarse solo en un solo dispositivo, sino en diferentes dispositivos de diferentes tamaños y, en caso de flutter, también nos brinda la posibilidad de desarrollar para la web en al mismo tiempo. Así que tenemos que lidiar con … Continue reading «Flutter: aplicaciones receptivas y adaptables»

Flutter – Widget CircleAvatar

El widget CircleAvatar viene integrado con el SDK de flutter. Es simplemente un círculo en el que podemos agregar color de fondo, imagen de fondo o simplemente algún texto. Suele representar a un usuario con su imagen o con sus iniciales. Aunque podemos hacer un widget similar desde cero, este widget es útil en el … Continue reading «Flutter – Widget CircleAvatar»

Widget central en Flutter

El widget central viene integrado con flutter, alinea su widget secundario con el centro del espacio disponible en la pantalla. El tamaño de este widget será lo más grande posible si las propiedades widthFactor y heightFactor se establecen en nulo y las dimensiones están restringidas. Y en caso de que las dimensiones no estén restringidas … Continue reading «Widget central en Flutter»

Flutter – Widget de cuadro restringido

ConstrainedBox es un widget integrado en flutter SDK. Su función es agregar restricciones de tamaño a sus widgets secundarios. Es bastante útil si queremos que un contenedor o una imagen no supere una determinada altura y anchura. También es bueno mantener el texto en un diseño ajustado haciendo que el widget Text sea un elemento … Continue reading «Flutter – Widget de cuadro restringido»

Flutter – Widget ampliado

El widget expandido en flutter es útil cuando queremos que un widget secundario o widgets secundarios ocupen todo el espacio disponible a lo largo del eje principal (para Fila, el eje principal es horizontal y vertical para Columna ).  El widget expandido se puede tomar como hijo de Row, Column y Flex. Y en caso … Continue reading «Flutter – Widget ampliado»