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

Question

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

Answer 1

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

如果您的用户界面需要水平滚动，那么使用1列Grid可能会更好运。