问题标签 [flutter-widget]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
678 浏览

flutter - 如果有很多要滑动的项目,滑块会挂起

我有大约 10000 个项目的水平列表,并且滚动我使用的是颤振滑块,但它根本不平滑。我认为在换向阀上设置状态不是正确的方法。

0 投票
1 回答
638 浏览

flutter - Flutter - 如何制作一个自定义小部件,为接收到的可滚动小部件添加页脚?

我正在创建一个自定义小部件,该小部件将页脚作为最后一项添加到收到的任何可滚动小部件中。

理想的用途是这样的:

这是我正在采取的方法:

请注意,它有一个ScrollController, 因为我需要知道页脚对于其他功能是否可见。

问题

  • widget.child必须包装其内容,否则 :Vertical viewport was given unbounded height. 我尝试widget.childWrapor包裹,IntrinsicHeight但它不起作用。我唯一能做的就是做一个assertif widget.childdoesn't have shrinkWrap: true
  • widget.child不必滚动,否则自定义小部件不会滚动,因为widget.childListView. 我尝试widget.childIgnorePointeror包裹,GestureDetector但我无法点击这些项目。我唯一能做的就是做一个assertif the widget.child phyisicsare not NeverScrollableScrollPhysics
  • 如果widget.childcontroller, 因为widget.child不应该是可滚动的,我必须将它传递controller给父级ListView,但我会得到:ScrollController attached to multiple scroll views. 我唯一能做的就是允许自定义小部件接收 acontroller并使assertifwidget.child具有controller.

问题

  • 我该如何解决这些问题?
  • 这是一个好方法吗?
  • 我还可以采取哪些其他方法?
0 投票
2 回答
627 浏览

flutter - Flutter - 如何在滚动到屏幕上时创建小部件

我创建了一个自定义小部件,将页脚作为最后一项添加到收到的可滚动小部件中。一切正常,但我想更改创建页脚的时间。

就像ListView.builder在滚动到屏幕上时创建项目一样,我也希望在页脚中发生这种情况。如果此自定义小部件收到一个ListView.builderor GridView.builder,则它们的项目在滚动到屏幕上时会被很好地创建,但页脚是第一次创建的,即使它不在屏幕上也是如此。

这是自定义小部件,其中接收到的小部件是widget.child( ScrollView),页脚是widget.footer( Widget)。

这就是我使用它的方式:

有 50 个列表,我看到屏幕上的第一个项目,这是打印的输出:

当我开始滚动时,其他项目在创建时开始打印它们的索引:

这适用于项目,但不适用于页脚。我希望在到达列表末尾时创建页脚,就像其他项目一样。怎样才能做到这一点?

请注意,在屏幕上一切正常,页脚出现在列表的末尾。只是它的创造发生在它应该发生之前。


这是我尝试过的,但它不起作用:

我收到此错误:

0 投票
2 回答
3583 浏览

flutter - Flutter - 点击/触摸区域如何工作?

1)如果我有这个,当我点击孩子Container时它不会打印“点击”:

2)如果我有这个,当我点击孩子时Container,它会打印“点击”:

3)如果我有这个,当我Container在文本之外点击 child 时,它会打印“tap”:

有人可以解释一下这三种行为吗?

0 投票
1 回答
1172 浏览

flutter - 如何将 CircleAvatar 与底行小部件 Flutter 对齐

我想设置一个卡片列表视图,每个卡片至少有 3 张 CirclerAvatar 图像,如下所示:

通缉

***绿色的应该和旁边的一样

到目前为止,这是我的代码,无法弄清楚如何将它们全部对齐到卡片的底部。我尝试了对齐小部件,但似乎不是解决方案。

这是结果:

结果

0 投票
3 回答
149 浏览

flutter - 将数据从一个小部件传递到另一个小部件

我有一个选择小部件列表,并希望将选定的选择传递给另一个小部件。这是选择小部件的列表

我需要将它传递给这个小部件

我试着AddCashPage 像这样在里面制作一个构造函数

0 投票
1 回答
1636 浏览

flutter - 防止小部件填充Flutter中扩展的祖先

如何防止 aRaisedButton扩展以填充Expanded包含它的 a?我想创建与可用空间成比例的三列宽度,但我希望每列中的 child 为其自然大小,而不消耗其 parent 的整个宽度Expanded

RaisedButton我进一步将它嵌套在Container. 我无法弄清楚哪些属性可能会阻止这种情况。

到处寻找答案,似乎每个人都在试图完成相反的事情。

0 投票
2 回答
1066 浏览

flutter - 我如何在颤动的尾随​​属性内添加更多 2 个按钮和 1 个文本

我想在我的应用程序中创建一个产品购物车列表。所以我使用了 Card 小部件,其中使用了 ListTile 小部件。在 listTile 中,我使用尾随属性创建了一个 Column 来添加 2 个按钮和一个数字,当我创建这些东西时,它会显示一个布局错误,即BOTTOM OVERFLOWED BY 55 PIXEL

这是代码

请在这件事上给予我帮助...

0 投票
1 回答
843 浏览

flutter - 如果购物车为空,则隐藏底部导航栏

我正在将产品添加到购物车并在底部导航栏中显示总金额,如果购物车为空,我想在同一页面中显示另一个屏幕,即

在此处输入图像描述

如果购物车不是空的,我想显示

在此处输入图像描述

这就是我尝试在同一页面中显示屏幕的方式

0 投票
1 回答
5338 浏览

flutter - 为什么只有 ListView.builder() 中的内容不滚动?

我有一个带有文本小部件和 ListView 的屏幕,当我尝试在 ListView 内滚动时,它不允许我滚动。

我的主体是 SingleChildScrollView,但它不为 ListView.builder 提供滚动视图。我试图将 ListView.build 包装在 Expanded 中,但没有成功。

任何人都知道如何使 listView.builder() 可滚动。