Показывать только 3 даты, используя реагирующую родную календарную полосу - PullRequest
Новая
       23

Показывать только 3 даты, используя реагирующую родную календарную полосу

0 голосов
/ 20 сентября 2019

Как отображать текущую дату +1 и -1 день, используя календарную полосу реагирования на родной основе.

Пример - 19 20 21, а не другие даты

Я использую реагирующую нативную-calendar-strip 

        <CalendarStrip
          calendarAnimation={{type: 'sequence', duration: 30}}
          daySelectionAnimation={{
            type: 'background',
            duration: 300,
            highlightColor: '#ccc',
          }}
          style={{
            height: ResponsiveHeight(100),
            paddingTop: ResponsiveHeight(20),
            paddingBottom: ResponsiveHeight(10),
          }}
          calendarHeaderStyle={{color: 'black'}}
          calendarColor={'#FFED49'}
          dateNumberStyle={{color: 'black'}}
          dateNameStyle={{color: 'black'}}
          calendarHeaderContainerStyle={{marginTop: ResponsiveHeight(-20)}}
          datesWhitelist={datesWhitelist}
        />

1 Ответ

0 голосов
/ 20 сентября 2019

Попробуйте использовать свойства minDate и maxDate . 

render() {
    let datesWhitelist = [{
      start: moment().subtract(1, 'days'), // yesterday
      end: moment().add(1, 'days')  // tomorrow
    }];
    return (
      <View style={{ flex: 1 }}>
        <CalendarStrip
          style={{ height: 150, paddingTop: 20, paddingBottom: 10 }}
          minDate={moment().subtract(1, 'days')}
          maxDate={moment().add(1, 'days')}
          disabledDateNameStyle={{ color: 'white' }}
          disabledDateNumberStyle={{ color: 'white' }}
          datesWhitelist={datesWhitelist}
      />
      </View>

    );
  }

Пример кода приведен выше.

...