css - 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>