reactjs - React-Virtualized Autosizer 高度问题

Question

我的父 div 是父级的 100%（反过来又是 100%，等等），并且其中一个父级有一些填充。

AutoSizer 不尊重底部的填充，并且列表在看到所有项目之前停止滚动。

<AutoSizer>
  {({ width, height }) => (
    <List
      height={height}
      rowCount={data.length}
      rowHeight={53}
      rowRenderer={this.rowRenderer.bind(this, data)}
      width={width}
    />
  )}
</AutoSizer>

祖父母的底部填充被忽略：

行提前停止渲染：

Answer 1

您提到的第二个问题表明您不接受/应用style传递给行渲染器的属性。请参阅此处以获取插图。

AutoSizer 不尊重底部的填充

至于这一点，听起来您的 CSS 设置不正确。尝试在除直接父级之外的任何内容上设置填充AutoSizer。:)