Выделите текущее время в компоненте календаря - PullRequest
0 голосов
/ 16 ноября 2018

Я создаю свой собственный компонент календаря, используя react-native.Часы дня отображаются вертикально, я хотел бы прокрутить до текущего времени, которое отображается горизонтальной красной линией.

Я использую Moment, чтобы найти текущий час и минуту, используя этот метод:

  _findCurrentTime() {
    const offset = 100;
    const { format24h } = this.props;
    const { width, styles } = this.props;
    const timeNowHour = moment().hour();
    const timeNowMin = moment().minutes();
    const val = offset * (timeNowHour - this.props.start) + (offset * timeNowMin) / 60
    return val;
  } 

Я хотел бы использовать scrollView.scrollTo для прокрутки к текущему времени

  <ScrollView
    ref={scrollView => {
      if (scrollView !== null) {
        this.scrollView = scrollView;
        scrollView.scrollTo({
          x: 0,
          y: scrollOffset,
          animated: true
        });
      }
    }}
    contentContainerStyle={[
      styles.contentStyle,
      { width: this.props.width }
    ]}
  >
    {this._renderLines()}
    {this._renderEvents()}
    {this._renderRedLine()}
  </ScrollView>

Как прокрутить до текущего времени, чтобы текущее время всегда центрировалось в представлении?Как мне установить scrollOffset?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...