bamlab / bamlab/react-tv-space-navigation
Weird flickering combining ScrollView, List, and Grid
- 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.