【问题标题】:Why the scroll bar is missing in Flutter web为什么 Flutter web 中缺少滚动条
【发布时间】:2021-04-15 16:10:31
【问题描述】:

我在 Flutter 中有一个网页项目,但是出现了问题。

当我用 VScode 编写页面并在 Google 本地运行时,滚动条不会向下滚动页面。

flutter web项目构建时页面最右边的滚动条不会出现。

这是什么原因?

Google 开发人员是这样设计的吗?

会不会和原生开发环境有关?

【问题讨论】:

  • 我们应该如何从屏幕截图中调试它?
  • 这个截图是一个例子。互联网页面上有一个滚动条供我们在最右侧上下滚动。但是在构建flutter web项目的时候,这个栏就没有出现了。

标签: flutter dart visual-studio-code flutter-web dart-pub


【解决方案1】:

您需要用Scrollbar 小部件包裹您的body,并且不要忘记将isAlwaysShown 属性设置为true

body: Scrollbar(
         isAlwaysShown: true,

【讨论】:

  • 没错我觉得我一直在MaterialDesign上开发,但是在web端,我需要按照HTML结构来开发,而不是MaterialApp。
  • 好的,那么您可以向我们展示一些关于您的页面的代码。
猜你喜欢
  • 2021-01-29
  • 1970-01-01
  • 1970-01-01
  • 2020-08-06
  • 2013-09-13
  • 1970-01-01
  • 1970-01-01
  • 2021-06-21
  • 1970-01-01
相关资源
最近更新 更多