Flutter中如何用滚动条约束GridView的宽度？答案

【问题标题】：How to constrain the width of GridView with a Scrollbar in Flutter?Flutter中如何用滚动条约束GridView的宽度？
【发布时间】：2021-03-12 20:58:55
【问题描述】：

我试图在 ScrollView（在本例中为 GridView）的右侧显示滚动条，但在限制可滚动区域的宽度的同时仍在右侧显示滚动条。我看不到如何自定义滚动条相对于 Scrollable 的位置

在上面的示例中，ScrollBar 直接显示在 GridView 的子项的右侧，但我希望它一直显示在右侧。我在 GridView 构造函数中找不到任何可以帮助我解决此问题的功能。这需要 CustomScrollView 还是可以通过普通的 GridView 来实现？

【问题讨论】：

【解决方案1】：

解决方法是交换中心和滚动条小部件。

之前：

Center
  Scrollbar
    ConstrainedBox

之后：

Scrollbar
  Center
    ConstrainedBox

【讨论】：

【解决方案2】：

这个 GridView 的宽度是否必须正好为 400 像素？如果这不是必需的，您可以设置 ConstrainedBox 的宽度，例如：

width: MediaQuery.of(context).size.width,

然后 GridView 将具有与您的屏幕完全相同的大小，因此滚动条将位于您想要的位置。

【讨论】：