Skip to content

Horizontal Flatlist within vertical FlatList focus on TV #19700

@steven-parafin

Description

@steven-parafin

Environment

AndroidTV/FireOS Emulator Android7.1.1, React Native 0.55

Description

I've implemented a multi dimension list view on React Native with a few horizontal FlatLists within a verticle FlatList. Everything displays correctly. However, when I move my focus all the way to the end of a row, the focus will automatically go to the row below when I try to go right (already at the end of the row). Simiarly, if I'm at the beginning of the row, focus will go to the row above if i try to go left.

Is there a solution to prevent this and make sure that focus will stop when it reaches the ends of a flatlist?

Steps to Reproduce

Render a FlatList vertically with each row being another horizontal FlatList. Scroll to end of a row, try to move RIGHT and focus would go down to the next row. If we go to front of a row and try to move LEFT, focus would go to above row.

Expected Behavior

Expected behavior should be none since we're at the ends of the current row.

Actual Behavior

Focus goes to the next row if at the backend of a row and previous row if at the frontend of a row.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Ran CommandsOne of our bots successfully processed a command.Resolution: For Stack OverflowA question for Stack Overflow. Applying this label will cause issue to be closed.Resolution: LockedThis issue was locked by the bot.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions