Skip to main content
Solved

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


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?

Best answer by dvaliao

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

View original
This topic has been closed for comments

2 replies

dvaliao
Figmate
  • Community Support
  • 4664 replies
  • Answer
  • 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


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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings