reactjs - 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>
  )
}