React-native：组件未渲染

Question

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

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

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

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

此时，我得到一个空白屏幕。任何想法为什么会这样？

Answer 1

您需要添加flex: 1到父项，以便占用所有可用空间：

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