gpt4 book ai didi

Flutter:是否可以根据设备大小自动缩放(整个)ui?

转载 作者:IT王子 更新时间:2023-10-29 07:21:49 24 4
gpt4 key购买 nike

iOS 原生应用会根据设备大小(宽度)自动缩放整个用户界面。 flutter 有类似的行为吗?我想为主设备 (iphone xs) 设计一个 ui(带有字体大小、填充等),并将整个 ui 缩放到所有其他设备。想知道这是否可能,因为我找不到任何相关信息。只是需要我配置断点等的响应大小。

最佳答案

我通常在 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"),
),
);
}

}

关于Flutter:是否可以根据设备大小自动缩放(整个)ui?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55256762/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com