Повестка дня - динамически менять выбранный день - PullRequest
Новая
       22

Повестка дня - динамически менять выбранный день

0 голосов
/ 21 сентября 2018

У меня проблемы с динамическим изменением выбранного дня.Например, я хочу изменить выбранный день на сегодняшний день при выходе из экрана;Я не хочу, чтобы уезжал другой день, чем сегодня ... Как я могу это сделать?Я использую повестку дня.Также я хочу изменить выбранный день, когда пользователь нажимает какую-то кнопку на этом экране.Дата в списке моих повесток дня вообще не изменяется, если я просто установил состояние для selectedDay ...

Мой код на данный момент; 

componentDidMount() {

    this.props.navigation.addListener('didBlur', (playload)=>{
      console.log(playload);

     this.onDayPress(Moment().format('YYYY-MM-DD').toString());
   });
}

Моя повестка дня: 

<Agenda
  // the list of items that have to be displayed in agenda. If you want to render item as empty date
  // the value of date key kas to be an empty array []. If there exists no value for date key it is
  // considered that the date in question is not yet loaded
  items={this.state.items2}
  // callback that gets called when items for a certain month should be loaded (month became visible)
  //loadItemsForMonth={}
  // callback that fires when the calendar is opened or closed
  onCalendarToggled={(calendarOpened) => {}}
  // callback that gets called on day press
  onDayPress={this.onDayPress.bind(this)}
  // callback that gets called when day changes while scrolling agenda list
  onDayChange={(day)=>{
    this.setState({day: day})
    console.log('OnDayChange: ' + day);
  }}
  // initially selected day
  //selected={ Moment().format('YYYY-MM-DD').toString()}
  //selected={'2018-02-20'}
  selected={this.state.selectedDay}
  // Minimum date that can be selected, dates before minDate will be grayed out. Default = undefined
  minDate={this.state.minDate}
  // Maximum date that can be selected, dates after maxDate will be grayed out. Default = undefined
  maxDate={this.state.maxDate}
...

метод onDayPress; 

onDayPress(day) {
    //console.log('Predn zamenjam selected day: ' + this.state.selectedDay);

    if(day.dateString === undefined) {

      if(day !== undefined) {
        //console.log('day: ' + day);
        this.setState({
          selectedDay: day
        });
        return true;
      }

    }

    this.setState({
      selectedDay: day.dateString
    }); 

    this.getNextThreeDays(day.dateString);
    this.getQuotes(day.dateString);
  }

Среда

  • npm ls react-native-calendars: 1.19.4
  • npm ls react-native: ^ 0.55.4
...