📌  相关文章
📜  小部件构建(BuildContext 上下文){ 返回 VxScrollVertial(物理:AlwaysScrollableScrollPhysics(),孩子:<Widget> [&#39;第一个文本&#39;.text.make(), &#39;第二个文本&#39;.text.make() ].vStack(), ); (1)

📅  最后修改于: 2023-12-03 14:53:56.474000             🧑  作者: Mango

构建滚动视图

使用 VxScrollVertical 构建垂直滚动视图,它可以滚动任何继承自 Widget 的部件,例如文本、图像甚至列表。我们可以在 BuildContext 上下文中创建并返回这个小部件,代码如下:

小部件构建(BuildContext 上下文){
  返回 VxScrollVertial(
    物理:AlwaysScrollableScrollPhysics(),
    孩子:<Widget> [
      &#39;第一个文本&#39;.text.make(),
      &#39;第二个文本&#39;.text.make()
    ].vStack(),
  );
}

在上面的代码例子中,我们使用了 AlwaysScrollableScrollPhysics() 物理属性,它将强制实现仅当内容不足时,其他滚动属性仍能在滚动时正常工作。我们还可以创建其他物理属性,例如 BouncingScrollPhysics,这将导致内容在滚动到顶部或底部时反弹。

我们将两个文本部件放在一个堆叠(stack)部件中,用 .vStack() 组合在一起。使用 .make() 方法,将普通文本变为我们可以使用 VxVisuals 设置主题颜色和样式的文本部件。

拓展

您可以根据需要添加尽可能多的 Widget, 就像在列列部件中一样。例如,我们可以添加另一个文本部件,以创建更长的滚动视图。 如果您正在使用多个滚动视图,并且希望它们同步滚动,可以使用 Syncfusion Flutter滚动标签 插件。

您还可以设置 maxHeightmaxWidth,指定滚动视图的最大高度和宽度,如果其中一个维度大于其父级大小,则它将滚动,在另一个维度上它将充满可用空间。

注意:如果您在某个方向上设置了无限的长度,例如 double.infinity,则您可能会遇到错误,因为视图可能会变得无限大,这可能导致性能问题。 在这种情况下,您应该设置一个最大值,这样您就可以将滚动视图的大小限制在合理的范围内。