{"repo":"web-ridge/react-native-ridge-navigation","free":true,"listed":false,"github":"https://github.com/web-ridge/react-native-ridge-navigation","clone":"git clone https://github.com/web-ridge/react-native-ridge-navigation.git","description":"Simple, performant & type-safe cross platform navigation in React Native / React Native Web","language":"TypeScript","stars":124,"topics":["react-native","react","navigation","react-native-web","typescript"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-ridge-navigation Simple and performant navigation on iOS, Android and the web with simple and type-safe api. Build on top of grahammendick/navigation. Check it out if you want more control over the navigation! Features - New architecture - Simple api - 100% Type safety (routes, params, bottom tabs) - Bundle splitting (lazy loading, smart prefetching) - Render as you fetch on iOS, Android & web - Works on Android, iOS & web! - Preload data on mouseDown (or more sensitive on hover, see example) - Preload component on hover (on web) - Automatic deep-linking - Real-time light/dark mode - Out of the box scroll restoration (on web), because screens in tab are pushed on top of each other! - A lot of control over the web layout - Universal links (already works, but docs need work) - PWA documentation (already works, but docs need work) - Expo support - Metro bundling on web Expo If you use bundling with metro add this to your index.js file Customize index.html by pressing space on the web/index.html item + enter Change in your index.html in body css to Because otherwise scrolling works very bad on iOS safari. Example This is an older video which used react-native-navigation so we have newer material you bottom bar in the meantime :) View video in better frame on YouTube About us We want developers to be able to build software faster using modern tools like GraphQL, Golang and React Native. Give us a follow on Twitter: RichardLindhout, web ridge Demo See example: reactnat","default_branch":null,"files":null,"tree":[],"storefront":"/r/web-ridge","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/web-ridge/react-native-ridge-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."}