使用WindowScroller的autoHeight不会呈现完整的List

时间:2017-08-29 19:24:56

标签: javascript reactjs react-virtualized

当我在autoHeight的孩子(WindowScroller)上使用List参数时, 它不会呈现整个项目列表(只有少数项目),但没有autoHeight所有内容都会呈现,但页面的其余部分不会滚动。

谢谢,有我的代码和截图:



const bars = this.props.bars

    const rowRenderer = ({ index, key, style }) => {
	    const bar = bars.get(index)

      return (
        <div key={key} style={style}>
          <BarListItem
            key={key}
            onClick={this.props.onBarClick}
            {...this.props}
            {...bar}
          />
        </div>
      )
    }

    return <WindowScroller>
        {({ height, isScrolling, onChildScroll, scrollTop }) => (
          <AutoSizer disableHeight>
            {({ width }) => (
              <List
                autoHeight
                onScroll={onChildScroll}
                ref="List"
                height={height}
                rowCount={bars.size}
                rowRenderer={rowRenderer}
                rowHeight={height/5.5}
                width={width}
                isScrolling={isScrolling}
                // onChildScroll={onChildScroll}
                scrollTop={scrollTop}
              />)}
          </AutoSizer>
        )}
    </WindowScroller>
&#13;
&#13;
&#13;

screenshot

0 个答案:

没有答案