为了解决 Flutter web 中缺少滚动条的想法

Posted 2023-02-23

【中文标题】为了解决 Flutter web 中缺少滚动条的想法

【英文标题】：Idea in order to address lack of scrollbar in Flutter web

【发布时间】：2021-01-29 06:23:58

【问题描述】：

我是 Flutter 的新手并将其用于网络。我看到页面溢出视口时没有内置滚动条

是否有可能以某种方式在 html 中有一个 javascript 脚本来定期检查内容的高度并根据需要添加/删除滚动条？

这有意义吗？

谢谢

【问题讨论】：

你的意思是Listview？

@P4yam 我看到的 ListView 只允许用鼠标滚轮滚动，但浏览器中没有滚动条。我错了吗？我想看看是否有可能以某种方式让浏览器滚动条...... IDK

【参考方案1】：

我不确定它是否是你想要的，但如果你用Scrollbar 包裹你的Listview 那么你会得到你想要的结果：

Scrollbar(
    child: ListView.builder(
      itemCount: 20,
      itemBuilder: (context, index) => ListTile(title: Text("Item= $index + 1"),),),
)

你可以找到更多here

【讨论】：

是的。很好，我读过没有滚动条支持。我宁愿让原生浏览器滚动，这样就可以了

嗨@P4yam，问题是这个滚动条不可拖动。我的意思是它的工作方式很时髦，不能拖动

@user3808307 不幸的是，我对 Flutter Web 了解不多。在flutter github中问你的问题可能会更好