Question

iOS本机应用程序会根据设备大小（宽度）自动缩放整个用户界面。颤动有类似的行为吗？我想为主设备（iphone xs）设计一个ui（带有字体大小，填充等），并将整个ui扩展到所有其他设备。想知道这是否可行，因为我找不到有关它的任何信息。只是需要我配置断点等的自适应大小调整。

Answer 1

我通常在Widget构建中获取设备尺寸，然后为每个Widget使用宽度和高度的一小部分：

导入“ package：flutter / material.dart”；

Size deviceSize;

class Welcome extends StatefulWidget {
  WelcomeState createState() => WelcomeState();
}

class WelcomeState extends State<Welcome> {

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    deviceSize = MediaQuery.of(context).size;
    return Scaffold(
      backgroundColor: color3,
      body: Container(
        height:deviceSize.height*0.5,
        width:deviceSize.width-50.0,
        child: Text("Welcome"),
      ),
    );
  }

}

Answer 2

是的，这确实是可能的。您所需的所有是一种比例缩放方法，可用于缩放整个GUI。请查看此 ratio-scaling solution ，该答案是与 Flutter UI缩放问题有关的另一个SO答案。

Flutter：是否可以根据设备大小自动缩放（整个）UI？

2 个答案: