任何人都可以帮助我如何调整我的Flutter应用程序根据屏幕大小。任何公式使用设备像素比或任何方法将有助于。这总是我的困境时,即时通讯作出Flutter应用程序
cetgtptt1#
您可以为不同尺寸的设备使用纵横比。
Container( color: Colors.blue, alignment: Alignment.center, width: double.infinity, height: 100.0, child: AspectRatio( aspectRatio: 16 / 9, child: Container( color: Colors.green, ), ), );
您也可以使用媒体查询来获取设备的高度和宽度,以便轻松修改UI
@override Widget build(BuildContext context) { // getting the size of the window size = MediaQuery.of(context).size; height = size.height; width = size.width; return Scaffold( appBar: AppBar( title: Text("Geeks For Geeks"), backgroundColor: Colors.green, ), body: Container( color: Colors.yellow, height: height/2,//half of the height size width: width/2,//half of the width size ), ); }
1条答案
按热度按时间cetgtptt1#
您可以为不同尺寸的设备使用纵横比。
您也可以使用媒体查询来获取设备的高度和宽度,以便轻松修改UI