如何覆盖react-native-calendar的样式表

Question

任何人都知道如何覆盖react-native-calendar的样式表并在标记的日子（而不是X的背景下实现红色的defaults red circle） https://github.com/wix/react-native-calendars

我希望那些红色圆圈是红色十字形

Answer 1

如果您仔细查看文档“自定义标记可让您使用自定义样式自定义每个标记”。我想您会用图片或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',
        },
      }
    }}}
/>

Answer 2

您可以更改MarkedDatas的“ selectedstyle”属性。 例如：

   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'},
                }
               }