在React Virtualized`Grid`中解释动态的top元素

Question

我有一些使用React VirtualizedGrid元素的照片集。我们设计了一个指示器，可以在照片上传过程中显示。这将动态隐藏和显示，并通过cellRangeRendererper docs进行渲染。棘手的部分是让其余的Grid项遵守此新元素添加的额外高度。当前采用的方法是将该元素的高度添加到style.top中呈现的每个元素的高度中cellRenderer。const adjustedTopOffset = style.top + heightOfTopElement;上面的计算是针对每个元素完成的。这样可以将所有元素正确地放置在适当的偏移处。但是，网格的高度不适应顶部偏移的重新计算。结果是的底部Grid被调整后的顶部金额切除。如何正确考虑调整后的顶部偏移量？呼叫recomputeGridSize似乎没有做到。是否cellRenderer以正确的方式调整顶部偏移量，以考虑额外的顶部元素？我将说明这不是固定元素，而是需要Grid像其他元素一样滚动的元素。

Answer 1

假设您的单元格高度是固定的，那么您应该可以使用prop覆盖默认height样式containerStyle，如下所示：

let containerStyle;

if (isTopElementVisible) {

  containerStyle = {

    height: rowHeight * rowCount + heightOfTopElement,

    maxHeight: rowHeight * rowCount + heightOfTopElement,

  };

}