flutter 抖动适应性(不同屏幕上的字体大小问题)

ubof19bj  于 2023-04-07  发布在  Flutter
关注(0)|答案(1)|浏览(137)

任何人都可以帮助我如何调整我的Flutter应用程序根据屏幕大小。
任何公式使用设备像素比或任何方法将有助于。这总是我的困境时,即时通讯作出Flutter应用程序

cetgtptt

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
      ),
    );
  }

相关问题