Responsive

Widget que permite renderizar diferentes widgets dependiendo del tamaño de la pantalla. Proporciona opciones de personalización para definir widgets específicos para móviles, tablets y escritorios, así como un widget genérico para otras configuraciones.

Uso

Para utilizar Responsive, simplemente crea una instancia de él y proporciona los widgets específicos para cada tamaño de pantalla. Por ejemplo:

Responsive(
  mobile: MobileWidget(),
  tablet: TabletWidget(),
  desktop: DesktopWidget(),
),

Esto renderizará MobileWidget() cuando la pantalla tenga un ancho menor que el breakpoint de tablet, TabletWidget() cuando el ancho esté entre el breakpoint de tablet y el de escritorio, y DesktopWidget() cuando el ancho sea mayor o igual al breakpoint de escritorio.

Parámetros

• mobile: Widget a renderizar en pantallas de tamaño móvil.
• tablet: Widget a renderizar en pantallas de tamaño tablet.
• desktop: Widget a renderizar en pantallas de tamaño escritorio.
• child: Widget a renderizar si no se especifica un widget específico para el tamaño de pantalla actual.
• fromScreen: Booleano que indica si se debe basar en el tamaño de la pantalla del dispositivo en lugar del ancho del contenedor padre. Por defecto es false.
• desktopBreakPoint: Punto de ruptura para el tamaño de pantalla de escritorio. Por defecto es 1100.
• tabletBreakPoint: Punto de ruptura para el tamaño de pantalla de tablet. Por defecto es 650.

Notas

• Responsive es útil para crear interfaces adaptables que se ajusten automáticamente a diferentes tamaños de pantalla.