React-native: компонент не отображается

Question

У меня есть компонент карты, который отображается, когда я вызываю следующий метод:

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

Тем не менее, я хочу создать invoke <MapComponents /> изнутри <View>, как это:

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

В этот момент я получаю пустой экран. Есть идеи, почему это может быть?

Answer 1

Вам нужно добавить flex: 1 к родителю, поэтому он занимает все доступное пространство:

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