прокрутите до первого элемента с помощью списка, и AutoSizer не работает - PullRequest
0 голосов
/ 14 июля 2020

Я хотел вернуться к первому элементу в списке, когда пользователь нажимает кнопки разбивки на страницы. Пока я сталкивался с scrollToRow и scrollToIndex, и оба они не работали.

Вот мой текущий код:

<AutoSizer disableWidth>
{({ height }) => (
    <div>
        <List
            ref="list"
            height={height}
            rowCount={this.state.items.length}
            rowHeight={115}
            rowRenderer={this._rowRenderer}
            width={1}
            scrollToRow={0}
            containerStyle={{
                width: '100%',
                maxWidth: '100%',
            }}
            style={{
                width: '100%',
                marginBottom: '10px',
            }}
        />
    </div>
)}
</AutoSizer>

1 Ответ

0 голосов
/ 17 июля 2020

Немного подумав, я обнаружил, что больше нет необходимости использовать реакционно-виртуализированный пакет. Поскольку я реорганизовал список, чтобы использовать нумерацию страниц SSR, отображающую 24 элемента за раз. Так что это было перебором.

В любом случае, я просто повторно использовал ту же функцию _rowRenderer () для отображения элементов в список. Чтобы добиться такого поведения при прокрутке, я просто добавил опору стиля «overflow: scroll». Вот и все.

...