MediaQuery.of(context).size.width
y MediaQuery.of(context).size.height
funciona muy bien, pero cada vez es necesario escribir expresiones como width / 20 para establecer un ancho de altura específico.
Creé una nueva aplicación en Flutter y tuve problemas con el tamaño de la pantalla al cambiar entre diferentes dispositivos.
Sí, flutter_screenutil
plugin disponible para adaptar la pantalla y el tamaño de fuente. ¡Deje que su interfaz de usuario muestre un diseño razonable en diferentes tamaños de pantalla!
Uso:
Agregar dependencia:
Compruebe la última versión antes de la instalación.
dependencies:
flutter:
sdk: flutter
# add flutter_ScreenUtil
flutter_screenutil: ^0.4.2
Agregue las siguientes importaciones a su código de Dart:
import 'package:flutter_screenutil/flutter_screenutil.dart';
Inicialice y configure el tamaño de ajuste y el tamaño de fuente para escalar de acuerdo con la opción de accesibilidad "tamaño de fuente" del sistema
ScreenUtil.instance = ScreenUtil()..init(context);
ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
ScreenUtil.instance = ScreenUtil(width: 750, height: 1334, allowFontScaling: true)..init(context);
Utilizar:
Container(
width: ScreenUtil().setWidth(375),
height: ScreenUtil().setHeight(200),
...
),
Container(
width: ScreenUtil().setWidth(300),
height: ScreenUtil().setWidth(300),
),
Consulte la documentación actualizada para obtener más detalles.
Nota: probé y usé este complemento, que realmente funciona muy bien con todos los dispositivos, incluido el iPad
Espero que esto ayude a alguien