fix: 修复虚拟列表滚动过快会白屏的问题

2 years ago · a2c168feb4
parent 1245f34456
commit a2c168feb4
1 changed files with 4 additions and 1 deletions
--- a/client/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx
@ -89,7 +89,10 @@ export const VirtualizedMessageList: React.FC<MessageListProps> = React.memo(
        firstItemIndex={PREPEND_OFFSET - numItemsPrepended}
        initialTopMostItemIndex={Math.max(props.messages.length - 1, 0)}
        totalCount={props.messages.length}
-        overscan={40}
+        overscan={{
+          main: 450,
+          reverse: 450,
+        }}
        itemContent={itemContent}
        alignToBottom={true}
        startReached={handleLoadMore}