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

Question

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

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

Answer 1

Вы можете изменить свойство selectedstyle MarkedDatas. пример:

   markedDates={
                {
                  '2020-02-10': {selected: true, selectedColor: 'red'},
                  '2020-02-19': {selected: true, selectedColor: 'red'},
                  '2020-02-21': {selected: true, selectedColor: 'red'},
                  '2020-02-24': {selected: true, selectedColor: 'red'},
                  '2020-02-29': {selected: true, selectedColor: 'red'},
                }
               }

Answer 2

Если вы внимательно посмотрите на документы, "Пользовательская маркировка позволяет настроить каждый маркер с помощью пользовательских стилей". Я думаю, вы бы заменили фон с изображением или графикой 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',
        },
      }
    }}}
/>