React原生平面列表CellRendererComponent一次渲染所有内容？
React原生平面列表CellRendererComponent一次渲染所有内容？
提问于 2020-10-10 02:00:19
我试图利用Flatlist (RN0.62)中的CellRendererComponent让zIndex属性工作，它确实这样做了，但是所有的数据都是一次渲染的。如果我尝试设置initialNumToRender={ number }和windowSize={number}，那么它会限制渲染，但不会在这些道具中设置的数字之后渲染。
<FlatList
style={{ flex: 1 }}
horizontal
showsHorizontalScrollIndicator={false}
data={data}
CellRendererComponent={renderGanttCell}
keyExtractor={ganttKeyExtractor}
bounces={false}
scrollEventThrottle={16}
initialNumToRender={3}
windowSize={9}
/>将CellRendererComponent更改为renderItem可以在没有zIndex的情况下工作，但所有数据都是延迟呈现的。
有没有办法让CellRendererComponent和延迟渲染剩下的数据呢？
回答 1
Stack Overflow用户
发布于 2021-05-27 02:19:57
我知道这有点晚了，但对于其他人(像我)来说。React原生VirtualizedList调用CellRendererComponent的方式如下：
<CellRendererComponent
{...this.props}
style={cellStyle}
onLayout={onLayout}>
{element}
{itemSeparator}
</CellRendererComponent>您的自定义CellRendererComponent必须至少实现onLayout属性：
function MyCustomCellRenderer(props) {
return(
<View onLayout={props.onLayout}>
...etc
</View>
)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64285087
复制相关文章
相似问题
腾讯云开发者
