可见性与台下与不透明度，哪个是最好的从小部件树中隐藏孩子？

Question

从这个线程中，我发现有很多方法可以从树层次结构中隐藏小部件。比如使用：

可见性：

Visibility(
  visible: false,
  child: Foo(),
);

后台：

Offstage(
  offstage: true,
  child: Foo(),
);

不透明度：

Opacity(
  opacity: 0,
  child: Foo(),
);

如果条件：

if (visible) {
  child
}

还有什么不可以。

哪一个是首选(我知道< code>Visibility是那个，通过why < code>Visibility),< code > if 条件和< code > Visibility 有什么区别，我如何衡量性能。< code >不透明度文档提到:

不透明度比按需从树中添加和删除子窗口小部件更有效。

这是什么意思，是针对if条件的吗？如果是，那么在四者中的位置在哪里？

Answer 1

我认为上述答案非常有用和明确。关于使用条件方法，我介绍了两种非常有用的方法：

条件 ？ 子项 ： SizeBox（） 或 if （条件） 子项，如果你使用 dart ver 至少 2.3.0

查看更多 https://github.com/flutter/flutter/issues/3783

Answer 2

不透明度

这个将不透明度（alpha）设置为您想要的任何内容。将其设置为 0.0 与将其设置为 0.1 相比稍微不那么明显，因此希望这很容易理解。小部件仍将保持其大小并占用相同的空间，并维护每个状态，包括动画。由于它留下了一个间隙，用户仍然可以触摸或单击它。（顺便说一句，如果您不希望人们触摸不可见的按钮，则可以使用OverlookPointer小部件将其包装起来。

台下

这个隐藏了子部件。你可以把它想象成把小部件放在“屏幕之外”，这样用户就看不到它了。小部件仍然会遍历flutter管道中的所有内容，直到到达渲染阶段，在这里它根本不会布局或绘制任何内容。这意味着它将保持所有的状态和动画，但只是不会在“布局阶段”占用任何空间，也不会在“绘画阶段”绘制任何东西。因为它没有留下任何空隙，所以用户自然不能点击它。

能见度

为了您的方便，这一款结合了上述（和更多）功能。它具有参数，如maintainState、maitainAnimation、maintainSize和maitainInteractivity等。根据您如何设置这些属性，它从以下方面决定：

>

如果您想维护状态，它将使用Opacy或OffStage包装子级，这取决于您是否还想保持大小。此外，除非您想维护Interactive，否则它还会为您包装一个IgnorePointer，因为单击透明按钮有点奇怪。

如果您根本不想维护状态，它会直接将子替换为SizedBox，因此它完全消失了。您可以使用替换属性将空白SizedBox更改为您想要的任何内容。

删除小部件

如果您不需要维护状态等，通常建议您从树中完全删除这个小部件。例如，您可以使用< code>if (condition)来决定是否在列表中包含一个小部件，或者使用< code>condition？child : SizedBox()直接用< code>SizedBox替换它。这避免了不必要的计算，对性能来说是最好的。