React-native：组件不渲染

Question

我有一个地图组件，它会在我调用以下方法时呈现：

render() {
    return (
      <MapComponents />
    )
  }

但是，我想从 <View> 中创建调用 <MapComponents />，如下所示：

render() {
    return (
      <View>
      <MapComponents />
      </View>
    )
  }

此时，我得到一个空白屏幕。知道为什么会这样吗？

Answer 1

您需要将 flex: 1 添加到父级，以便它占用所有可用的 space:

render() {
  return (
    <View style={{ flex: 1 }}>
      <MapComponents />
    </View>
  )
}

React-native: Component not rendering