bamlab / bamlab/react-tv-space-navigation

Weird flickering combining ScrollView, List, and Grid

Open
#95 11 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
319
Forks
46
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
For whatever reason navigating down on a grid view inside of a scrollview is causing some weird flickering instead of working as expected. If I do not have it in scroll view it works fine. If i load the page and defer the grid from showing it works fine. However using a key on the grid causes this issue.

**To Reproduce**
```tsx
const [catFilter, setCatFilter] = useState("Todas");
const setOndemandFilter = useCallback((cat: Category) => {
setCatFilter(cat);
}, []);
retrun (




Categorias




{categoryMapping[catFilter] ?? "Todas"}




)
```

**Expected behavior**
Would expect the grid to work as normal

**Screenshots**
https://github.com/bamlab/react-tv-space-navigation/assets/13984190/580e26a2-2b6f-4884-83c0-1fda10d88103

**Version and OS**
- Library version: 3/1.2
- React Native version: 0.73.6
- OS [e.g. Android, web]: Android

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.