Flutter：动态隐藏/显示小部件

Question

我们如何在 Flutter 中显示/隐藏另一个小部件中的小部件？

我有列表视图构建器中的问题列表，我想隐藏关于用户答案选择的问题。

Answer 1

如果你有所有有问题的方程[]以及是否在show[]中显示它们，你可以放入listbuild

return (bool[index] ? Card(child:Text(question[index])) : Container())

这将返回 bool 中的卡片为真，否则返回空（未显示的容器）。

Answer 2

（我认为其他答案也可以解决问题）

您可以考虑的另一个选项是使用可见性小部件来包装“问题”小部件并根据布尔值切换可见属性。为了使这个（或上述解决方案）工作，您需要使用例如更新这个 bool 的值。如您所说，在发生“用户答案选择”时调用的方法上的 setState。

当然，如果您有一个更复杂的应用程序，使用 Provider 进行状态管理并将所有这些都包装在 Consumer 中可能更有意义。