Skip to main content

Rendering Information on Screen

Key Points Covered​

Chat Setup​

  • Created a data structure for messages
  • Used a Repeater to display messages
  • Configured childrenMode as reversed-rows

Rendering Messages​

  • Used MarkdownViewer to display messages
  • Configured hide for user and assistant messages
  • Organized messages by index

Features Implemented​

  • Automatically clearing the prompt after sending
  • Removed logs to improve performance
  • Dynamic rendering of the assistant's responses

Practical Demonstration​

  • Tested with two prompts:
    1. A movie about warriors who hunt demons and sing K-Pop
    2. A movie about astronauts traveling across dimensions (Interstellar)

Resources Used​

  • Markdown Viewer
  • Repeater
  • Setters and Getters
  • Display settings