在 Flutter web 中处理溢出答案

【问题标题】：Handling overflow in Flutter web在 Flutter web 中处理溢出
【发布时间】：2021-04-07 15:14:00
【问题描述】：

在 Flutter web 中，可以通过调整浏览器大小来强制应用程序的大小有无限可能。例如，当浏览器缩得太小时，我使用 Apple 登录和使用 flutter_signin_button 包中的 Google 登录按钮溢出：

在窗口被不合理地缩小的情况下，有没有办法可以抑制溢出消息？或者是否有没有这些的 Flutter web 的发布版本？

【问题讨论】：

【解决方案1】：

将您的小部件包装到滚动视图中。这是解决问题的最简单方法。为两个按钮提供固定约束并以水平滚动方向包裹到滚动视图中。如果屏幕大小受到限制，它将是可滚动的。

【讨论】：

【解决方案2】：

使用 MediaQuery。

对于宽度 - MediaQuery.of(context).size.width; 对于高度 - MediaQuery.of(context).size.height;

对于大小 - MediaQuery.of(context).size

if(MediaQuery.of(context).size.width < 200px)
{
   return someWidget
}

【讨论】：