fix: Auto-scroll retry with multiple delays (100, 300, 600, 1000ms)
FlatList needs time to render - single setTimeout(150) was unreliable. Now tries 4 times on initial load, 2 times for new messages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
64cd5f7d52
commit
ea4f639fcb
|
|
@ -373,13 +373,17 @@ const ChatScreen: React.FC = () => {
|
|||
const shouldAutoScroll = useRef(true);
|
||||
const lastMessageCount = useRef(0);
|
||||
|
||||
// Bei neuen Nachrichten: sofort nach unten
|
||||
// Bei neuen Nachrichten oder App-Start: nach unten springen
|
||||
useEffect(() => {
|
||||
if (messages.length > lastMessageCount.current && shouldAutoScroll.current) {
|
||||
// Kurzer Delay damit FlatList rendern kann
|
||||
setTimeout(() => {
|
||||
flatListRef.current?.scrollToEnd({ animated: messages.length > lastMessageCount.current + 1 ? false : true });
|
||||
}, 150);
|
||||
if (messages.length > 0 && shouldAutoScroll.current) {
|
||||
const isInitial = lastMessageCount.current === 0;
|
||||
// Mehrfach versuchen (FlatList braucht Zeit zum Rendern)
|
||||
const delays = isInitial ? [100, 300, 600, 1000] : [100, 300];
|
||||
for (const delay of delays) {
|
||||
setTimeout(() => {
|
||||
flatListRef.current?.scrollToEnd({ animated: !isInitial });
|
||||
}, delay);
|
||||
}
|
||||
}
|
||||
lastMessageCount.current = messages.length;
|
||||
}, [messages]);
|
||||
|
|
|
|||
Loading…
Reference in New Issue