Я создаю свой собственный компонент календаря, используя 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
?