React-native：组件不呈现

Question

我有一个map组件，当我调用以下方法时会呈现：

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

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

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

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

Answer 1

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

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