2016-12-11 2 views
1

Я работаю с react-virtualized и пытаюсь использовать функцию scrollToIndex, но при ее использовании я получаю пустой список. (Если я прокручу, то мой список снова появится).React-virtualized - scrollToIndex не работает с WindowScroller

Вот мой код:

 <WindowScroller> 
     {({ height, isScrolling, scrollTop }) => (
      <AutoSizer disableHeight> 
       {({ width }) => (
        <List 
         autoHeight 
         height={height} 
         rowCount={lines.length} 
         rowRenderer={({ index, key, style }) => rowRenderer({ index, isScrolling, key, style, lines, onDelete, toggle })} 
         rowHeight={145} 
         scrollTop={scrollTop} 
         scrollToIndex={100} 
         width={width} 
        /> 
        )} 
      </AutoSizer> 
      )} 
    </WindowScroller> 

Если удалить scrollToIndex={100}, все работает отлично.

scrollToIndex работает с WindowScroller? потому что я нашел только пример с List

ответ

3

С помощью scrollToIndex работает с WindowScroller? потому что я нашел только пример со списком

К сожалению, эта функция в настоящее время не работает, когда WindowScroller используется, поскольку WS управляет положением прокрутки (а не самим списком). Использование scrollToIndex при использовании WindowScroller дает противоречивую информацию List, и все ломается.

Это вопрос, который поднялся один или два раза, прежде чем, возможно, это будет что-то, что я попытаюсь поддержать в конце концов.

EDIT

Начиная с версии 9.8.0 , WindowScroller поддерживает scrollToIndex опору.

+0

Спасибо за ответ, мне действительно нужна эта функция, я использовал 'window.scrollTo (0, index * rowHeight);' как обходной путь, но это не очень точно, поскольку List не всегда начинается с вверху страницы. любое лучшее обходное решение? Спасибо за вашу помощь. – Anas

+0

В настоящее время. Сожалею! – brianvaughn

+0

@ Анаешь, как бы я работал над списком с переменной высотой? Мне нужно прокрутить элемент вниз по списку. решение 'window.scrollTo' не будет работать для меня, я думаю :) –