ChatGPT or Claude’s list behaviour

[bacarybruno]

I'm trying to build a chat interface in React Native that mimics ChatGPT or Claude’s mobile app UI:

• On load, messages display like a regular chat: newest messages appear at the bottom
• When the user sends a new message, it should appear at the top of the screen (so the conversation feels like it’s “stacking upward”)
• The AI response should appear below the user’s message
• When the AI responds, there should be no auto-scroll

So far, the only approach that sort of works is to leave an empty space below the user’s message and animate it to make room for the AI’s response as it renders.

Is there a cleaner way to achieve this behavior using FlashList? 🙏

(also asked on LegendList)