Question

Flutter中的滚动条小部件的固定厚度似乎为6。我认为滚动条看起来很丑，它太厚了。另外，如果我将Flutter滚动条与设备中其他应用程序中的滚动条进行比较，它们的外观也会有所不同（看起来更好）。

是否可以在不创建新滚动条小部件的情况下更改滚动条的厚度？

我有一个想法，就是迫使Scrollbar部分离开屏幕以使其看起来更薄，但是我不知道该怎么做。

我正在将滚动条与ListView一起使用。

Answer 1

我找到了一个相对简单的解决方法，可以将滚动条包装在Stack小部件中，然后向Stack添加一个容器，该容器将隐藏滚动条的一部分。屏幕的右边缘会有一个小的“白色”边距，但您会看到类似的边距，例如在OS设置视图中（至少在Galaxy S7设置应用中）。示例代码（请注意，这仅适用于Android，未在iOS中进行测试）：

Widget build(BuildContext context) {
  return Stack(
    alignment: Alignment.topRight,
    fit: StackFit.loose,
    children: <Widget>[
      Scrollbar(
        child: buildListView(),
      ),
      Container(
        width: 3,
        color: Theme.of(context).canvasColor,
      )
    ],
  );
}

如何更改滚动条的厚度？

1 个答案: