💬 Need Help: Markdown Widget Not Working for Word-by-Word AI Messages in Chat App

Flutterflow
, ,
1

Hey FlutterFlow Community! :waving_hand:

I’m currently building a chat application where I want AI-generated messages to appear word-by-word, just like how messages are typed out in real-time in modern chat apps (like ChatGPT or any AI assistant).

:brain: What I Tried

To achieve this animation effect, I used the Markdown widget to format and display the AI responses. The idea was to:

  • Use a loop or delay to display the message incrementally, word-by-word
  • Render it through the Markdown widget for cleaner formatting (like bold, italics, etc.)

But unfortunately, the Markdown widget doesn’t update dynamically word-by-word as expected. It either shows the entire message at once or doesn’t render partial updates at all.

:red_question_mark:What I’m Looking For

  • A workaround or alternate widget that supports dynamic/animated text updates
  • Any method to manually update Markdown content as the AI generates each word
  • Community-tested approaches or custom code that can help simulate this effect

:loudspeaker: Community Questions:

  • Has anyone successfully implemented a typewriter or word-by-word animation effect in FlutterFlow?
  • Is there a way to force Markdown to re-render as the content changes?
  • Would a Custom Widget with a typewriter effect be a better solution?

Thanks in advance for any advice or direction! :folded_hands:
Let’s solve this together :light_bulb: