各种移动设备上的 Flutter 响应问题

Question

我是 Flutter 的初学者，我尝试创建一个虚拟登录页面。当我尝试运行该应用程序时，它在 Pixel 3 XL 上完美无缺，但在 Pixel 2 XL 上却表现不佳。我将如何管理响应能力？我遇到了 MediaQuery 小部件，但如何为每个设备创建完全响应式应用程序？当今的移动设备有很多变化(例如缺口显示、全屏等)，随后出现了平板电脑。我该如何处理这个问题？我应该为每个解决方案编写代码吗？

这是我在 Pixel 3 XL 和 Pixel 2 XL 上的设计

Answer 1

您可以使用SingleChildScrollView作为父级，

SingleChildScrollView(
      child: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Stack(
        ),
      ),
    );

<小时/>

编辑:同时从 Stack 小部件中删除 fit: StackFit.expand,。