如何使 flutter web 大小像应用程序大小

Question

我正在开发一个 flutter 应用程序并尝试运行它在网络上。如何使 Web 应用程序的大小类似于 phone 应用程序？我看到一些网络应用程序的大小固定为 phone 应用程序，如下所示；https://i.stack.imgur.com/2J36E.jpg

Answer 1

这将使它保持在 16:9 比例，但如果需要会缩小所有内容。

FittedBox(
    fit: BoxFit.scaleDown,
    child: Container(
        width: 0.5625*height,
        height: height,
        child: Container(),
    ),
),

Answer 2

我开发了一个 flutter 包来为您处理这个问题：https://pub.dev/packages/center_the_widgets

你可以这样使用它：

 return CenterTheWidgets(
      child: Scaffold(
        body: const Text('Hi!'),
      ),
    );

Answer 3

自适应和响应式可以看作是 Flutter 应用程序的不同维度：您可以拥有一个非响应式自适应应用程序，反之亦然。而且，当然，一个应用程序可以两者兼而有之。你可以按照官方文档：https://docs.flutter.dev/development/ui/layout/adaptive-responsive

如何使 flutter web 大小像应用程序大小

How to make flutter web size like app size

size

web

flutter