{"repo":"bamlab/react-tv-space-navigation","free":true,"listed":false,"github":"https://github.com/bamlab/react-tv-space-navigation","clone":"git clone https://github.com/bamlab/react-tv-space-navigation.git","description":"A React Native module to handle spatial navigation for a TV application in a 100% cross-platform way","language":"TypeScript","stars":318,"topics":["lrud","react","react-native","react-native-tvos","react-native-web","reactjs","spatial-navigation","spatial-navigation-library","androidtv","tvos"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-tv-space-navigation - Why? - What you can achieve - How to use - How to run the example - API documentation - Pitfalls - Accessibility support - Contributing Why? Spatial navigation is a hard problem on a TV app. Many solutions exist. React Native TV even has a core solution for it. But most existing solutions are not 100% cross-platform. If you’re looking to develop a TV app for AndroidTV, tvOS, and web-based TV devices, this package can be a valuable tool. However, if you don’t require web support, using the native react-native-tvos solution might be a better fit . The primary objective of this package is to provide consistent support across all platforms, though this comes with some trade-offs (see the pitfalls below). The library is based on LRUD, which is a UI-agnostic lib that represents spatial navigation. The library is a React wrapper around the core logic of LRUD. What you can achieve Check out the live web demo! One of the goals of the lib is to have a simple and declarative API. No need for hooks or dark shenanigans. You just simply declare components. Here's the kind of code you'll be able to achieve: ⚠️ Known limitations - Right now, React 19 support with Expo is still work-in-progress. - Also, there is a pending issue that is critical for some apps: virtualizing rows does not work well for now. Virtualization inside rows (having 10000 elements) works well, but if you have hundreds of rows, then you will face a bug. This will be fixed in the future but we ","default_branch":null,"files":null,"tree":[],"storefront":"/r/bamlab","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bamlab/react-tv-space-navigation/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}