react-virtualized List 组件扩展最后一行的高度

Question

我有一个来自 react-virtualized 的 List 组件，我使用 height 属性设置其行高。但是，水平滚动条与最后一行重叠，很难看到最后一行的文本内容。有没有办法增加最后一行的高度，使水平滚动条不与文本重叠。当处理实时增长的动态列表时，在代码中动态地执行此操作会使事情变得混乱。我尝试使用最后一个子选择器但没有成功。任何见解将不胜感激。

Answer 1

react-virtualized Grid 组件考虑了水平和垂直滚动条的大小来避免这个问题。 （您可以在Grid demo page 上看到这一点。）但是，预计List 组件不会水平滚动，因此它只会考虑垂直滚动条的大小。

如果您的 UI 需要水平滚动，使用 1 列 Grid 可能会更好。