反应本机日历

Question

说明

我今天才刚开始使用this组件，但是该实现似乎无法像演示/示例/文档所示那样工作。

预期行为

我希望从2018-12-10到2018-12-15的日子将充满绿色，包括中间的日子。

观察到的行为

现实是两天都被绿色填满，但是在这两天之间没有任何反应（它们没有连接）。

环境

• “ react-native”：“ 0.57.4”，
• “ react-native-calendars”：“ ^ 1.21.0”
• 经过以下测试：Redmi Note 4（Android 7.0）

可复制的演示

这是我日历的代码：

<Calendar
     markedDates={{
                "2018-12-10": { startingDay: true, color: "green" },
                "2018-12-15": { endingDay: true, color: "green" }
        }}

       markingType='period'
  />

Answer 1

尝试：

<Calendar
     markedDates={{
                '2018-12-10': { startingDay: true, color: 'green' },
                '2018-12-15': { endingDay: true, color: 'green' }
        }}

       markingType={'period'}
  />

Answer 2

这应该有效：

<Calendar markedDates={{
       "2018-12-10": { startingDay: true, color: "green" },
       "2018-12-11": { color: "green" },
       "2018-12-12": { color: "green" },
       "2018-12-13": { endingDay: true, color: "green" }
    }} 
    markingType={'period'}
/>

Answer 3

<Calendar
  // Collection of dates that have to be colored in a special way. Default = {}
   markedDates={
    {
     '2018-12-10': {startingDay: true, color: 'green'},
     '2018-12-15': {selected: true, endingDay: true, color: 'green', textColor: 'gray'}
    }}
  // Date marking style [simple/period/multi-dot/custom]. Default = 'simple'
  markingType={'period'}
/>