React-native：组件未呈现

【问题标题】：React-native: Component not renderingReact-native：组件未呈现
【发布时间】：2017-11-11 20:12:19
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：