react-native - 隐藏在 react native 上的可见性不起作用，即使没有显示也要占用空间？

Question

我在 flex 容器之间的空间中有 TouchableOpacity，即使没有显示，我也想占用空间，

我的代码:

<TouchableOpacity
  style={showClear && { visibility: 'hidden' }}
  onPress={() => this.props.clearCompleted()}>
  <Text>Clear Completed</Text>
</TouchableOpacity>

display: none 有效但不占用空间，上面的代码无效但在 web 中有效？

Answer 1

就我而言，我需要使用该元素，所以我做了这样的事情:

<TextInput style={{opacity: 0, height: 0}} {...props} />

我希望这对有我问题的其他人有用。