0

我正在 https://www.npmjs.com/package/react-native-calendar-picker 中实现allowRangeSelection，但问题是在选择范围日期时，在星期二、星期三和星期四、星期五之间存在垂直线分隔符在图像中看到。

有谁知道如何删除垂直线或者这是图书馆中的一个已知问题？

我尝试放入borderSize: 0但selectedRangeStyle仍然无法正常工作。

这是代码：

<CalendarPicker
  ref={props.forwardedRef}
  previousComponent={
    <MaterialIcons
      name="keyboard-arrow-left"
      size={22}
      style={{ color: app.color.TEXT_100_HIGH, marginLeft: scale(18) }}
    />
  }
  nextComponent={
    <MaterialIcons
      name="keyboard-arrow-right"
      size={22}
      style={{ color: app.color.TEXT_100_HIGH, marginRight: scale(18) }}
    />
  }
  textStyle={{ color: app.color.TEXT_300_HIGH, fontWeight: "bold" }}
  todayBackgroundColor="transparent"
  todayTextStyle={app.color.currentDayCalendarText}
  disabledDatesTextStyle={{ color: "#445870" }}
  customDayHeaderStyles={() => {
    return {
      textStyle: { color: app.color.TEXT_200_MEDIUIM, opacity: 1 },
    };
  }}
  dayLabelsWrapper={{
    borderTopWidth: 0,
    borderBottomWidth: 0,
    marginLeft: scale(40),
  }}
  startFromMonday={true}
  selectedRangeStartStyle={{
    backgroundColor: app.color.calendarDefaultDateColor,
  }}
  selectedRangeEndStyle={{
    backgroundColor: app.color.calendarDefaultDateColor,
  }}
  selectedRangeStyle={{
    backgroundColor: app.color.calendarDefaultDateColor,
  }}
  selectedDayColor={app.color.calendarDefaultDateColor}
  selectedDayTextColor={"#FFFFFF"}
/>

日历示例图片

4

0 回答 0