Реагировать на изменение высоты календаря

Question

Я пытаюсь создать страницу с календарем и другими материалами под ним. Я использую wix /act-native-calendars и не могу изменить высоту календаря. Когда я ставлю высоту, мне бы хотелось, чтобы она просто обрезала календарь.

  <CalendarList
    horizontal={true}
    pagingEnabled={true}
    style={{height: SCREEN_HEIGHT * 0.4}}
  />

Answer 1

Если вы хотите полностью контролировать стили календаря, вы можете сделать это, переопределив стиль по умолчанию. js файлы. Например, если вы хотите переопределить стиль первым, вам нужно найти идентификатор таблицы стилей для этого файла:

https://github.com/wix/react-native-calendars/blob/master/src/calendar/header/style.js#L4

В данном случае это stylesheet.calendar. заголовок. Далее вы можете добавить в свою тему переопределяющую таблицу стилей с этим идентификатором.

https://github.com/wix/react-native-calendars/blob/master/example/src/screens/calendars.js#L56

 theme={{
      arrowColor: 'white',
      'stylesheet.calendar.header': {
        week: {
          marginTop: 5,
          flexDirection: 'row',
          justifyContent: 'space-between'
        }
      }
    }}