react-native-calendarsのAgendaが表示されないときの対処法

react-native-calendarsのAgendaコンポーネントが、どうしてもサンプルコードをコピペしても表示されなかったのですが、対処法があったので残しておきます。

表示されない(NG)

import * as React from 'react'
import { View } from 'react-native'
import { LocaleConfig, Agenda } from 'react-native-calendars'

export default function CheckinCalander() {
  return (
    <View>
      <Agenda />
    </View>
  )
}

表示される(OK)

import * as React from 'react'
import { View } from 'react-native'
import { LocaleConfig, Agenda } from 'react-native-calendars'

export default function CheckinCalander() {
  return (
    <View style={{ height: 600 }}>
      <Agenda />
    </View>
  )
}

ポイントは、heightを指定してあげることです。

こちらにも言及されてました。