📅  最后修改于: 2023-12-03 14:53:56.474000             🧑  作者: Mango
使用 VxScrollVertical
构建垂直滚动视图,它可以滚动任何继承自 Widget
的部件,例如文本、图像甚至列表。我们可以在 BuildContext
上下文中创建并返回这个小部件,代码如下:
小部件构建(BuildContext 上下文){
返回 VxScrollVertial(
物理:AlwaysScrollableScrollPhysics(),
孩子:<Widget> [
'第一个文本'.text.make(),
'第二个文本'.text.make()
].vStack(),
);
}
在上面的代码例子中,我们使用了 AlwaysScrollableScrollPhysics()
物理属性,它将强制实现仅当内容不足时,其他滚动属性仍能在滚动时正常工作。我们还可以创建其他物理属性,例如 BouncingScrollPhysics
,这将导致内容在滚动到顶部或底部时反弹。
我们将两个文本部件放在一个堆叠(stack)部件中,用 .vStack()
组合在一起。使用 .make()
方法,将普通文本变为我们可以使用 VxVisuals 设置主题颜色和样式的文本部件。
您可以根据需要添加尽可能多的 Widget
, 就像在列列部件中一样。例如,我们可以添加另一个文本部件,以创建更长的滚动视图。 如果您正在使用多个滚动视图,并且希望它们同步滚动,可以使用 Syncfusion Flutter滚动标签
插件。
您还可以设置 maxHeight
和 maxWidth
,指定滚动视图的最大高度和宽度,如果其中一个维度大于其父级大小,则它将滚动,在另一个维度上它将充满可用空间。
注意:如果您在某个方向上设置了无限的长度,例如 double.infinity
,则您可能会遇到错误,因为视图可能会变得无限大,这可能导致性能问题。 在这种情况下,您应该设置一个最大值,这样您就可以将滚动视图的大小限制在合理的范围内。