React Native：是否可以让一个组件及其所有子组件消失？

Question

在我的 React Native 应用程序中，我有一个 <View>，其中嵌套了其他几个元素。通常，如果我想让一个组件消失，我会将其高度设为 0，将其不透明度设为 0，等等。但是我想要一种通用的方法来将样式应用于 <View> 并拥有它及其所有子组件消失。

有人知道我该如何处理吗？

Answer 1

您可以在 jsx 中使用大括号内的条件来显示或隐藏组件

<View>
  {
    condition && (
      <View> // <- View and its children will show only if condition is true
        //Children components
      </View>
    )
  }
</View>