Skip to main content
Han_phyo_aung
October 26, 2023
Solved

Navigate to the chat room screen by clicking the chat icon found on all other screens

  • October 26, 2023
  • 2 replies
  • 362 views

Hello everyone, I’m currently encountering some challenges while prototyping the chat feature within the app. Here’s the issue: I’ve placed a chat icon on 20 different screens, and I’m seeking a way to configure it such that clicking this icon on any of these screens will take me to the chat screen. Furthermore, I’d like the ability to return to the original screen by clicking the back icon on the chat screen.

The difficulty lies in having to create an additional 20 chat screens to navigate from the 20 different screens with chat icons. Is there a more streamlined approach to achieve this?

This topic has been closed for replies.
Best answer by djv

Hey @Han_phyo_aung, thanks for reaching out!

The best solution would be using an interactive chat icon component with a chat overlay and back button to close the overlay and remain on the same page. You could then drag an instance of this icon as needed to every new frame of your app.

Here’s an example: https://www.figma.com/file/hJLKo7d7P4iNm7mxNaMlgJ/Untitled?type=design&node-id=4%3A2&mode=design&t=WPgqmqH9VK4nNwIm-1

2 replies

djv
Figmate
djvSolution
Community Support
October 30, 2023

Hey @Han_phyo_aung, thanks for reaching out!

The best solution would be using an interactive chat icon component with a chat overlay and back button to close the overlay and remain on the same page. You could then drag an instance of this icon as needed to every new frame of your app.

Here’s an example: https://www.figma.com/file/hJLKo7d7P4iNm7mxNaMlgJ/Untitled?type=design&node-id=4%3A2&mode=design&t=WPgqmqH9VK4nNwIm-1

Han_phyo_aungAuthor
October 31, 2023

Dear @dvaliao , thank you for your help.It works now. 🙂

    Terms & ConditionsAccessibility statement