Как переопределить таблицу стилей реагировать-родной-календарь - PullRequest
0 голосов
/ 30 августа 2018

Кто-нибудь знает, как переопределить таблицу стилей react-native-calendar и реализовать красный X для отмеченных дней вместо defaults red circle фона https://github.com/wix/react-native-calendars

enter image description here

я хочу, чтобы этот красный цветовой круг был красным крестом

1 Ответ

0 голосов
/ 30 августа 2018

Если вы внимательно посмотрите на документы, «Пользовательская маркировка позволяет настроить каждый маркер с помощью пользовательских стилей». Я думаю, вы бы заменили фон рисунком или графикой SVG.

<Calendar
  // Date marking style [simple/period/multi-dot/single]. Default = 'simple'
  markingType={'custom'}
  markedDates={{
    '2018-03-28': {
      customStyles: {
        container: {
          backgroundColor: 'green',
        },
        text: {
          color: 'black',
          fontWeight: 'bold'
        },
      },
    },
    '2018-03-29': {
      customStyles: {
        container: {
          backgroundColor: 'white',
          elevation: 2
        },
        text: {
          color: 'blue',
        },
      }
    }}}
/>
...