App Name: Sample App
**
Working on app but stuck in focus and back key event
**
I checked both sample apps above, and in both apps the back key is not working. The back action only works when clicking the back arrow manually. However, most of the time the app does not have a back arrow. We need to minimize user clicks to make the app more user-friendly.
Issue Description:
Feature flow of my app:
On the Home page → Hero Carousel
The default focus is on the Hero Carousel.
When the user presses the down key →
Focus should move to the grid, and the Hero Carousel should be hidden.
Currently, instead of hiding, the Hero Carousel shows details of the focused card.
On clicking a card →
The Detail page opens, and focus is set on the Play button.
When the user presses the back key →
Focus should return to the last clicked card.
Currently, it resets to the Hero Carousel.
This issue exists across multiple pages and navigation flows.
On every page, when navigating back from the current page to the previous page, the focus is not restored correctly.
The expected behavior of the app is to navigate using the navigation buttons(up, down, left and right) .
The back button is “not working” for the specific view -> Components Screen -> Go To Vertical Slack ->
Because it is not implemented, the way to navigate back is using the back arrow at the top, it seems to not be visible, but it can be selected, this is an icon from react native, not the app itself.
This is only for Vega TV Interfaces App, for Vega Video Sample App you can validate the correct behavior of the back button in multiple screens.