FlutterFlow Chat UI: How to show a "typing..." indicator while waiting for AI response?

Actions & Logic

Hey FlutterFlow community,

I'm building a chat interface where I'm using an AI agent to provide responses. To improve the user experience, I'd like to display a "typing..." animation (like three dots) while the app is waiting for the AI to generate its reply.

What's the best way to achieve this in FlutterFlow? Should I be using a Lottie animation and controlling its visibility based on a state? If so, what's the typical flow for triggering and hiding such an animation around the AI agent's call?

Any examples or pointers on how to implement this would be greatly appreciated!

Thanks!

What have you tried so far?

tried different implementations

Did you check FlutterFlow's Documentation for this topic?
No
2
1 reply