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