--- title: React Navigation on the Web | daily.dev description: React Navigation, the popular navigation library for React Native, now has preliminary web support. New features include URL integration via the existing... canonical: https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React Navigation on the Web | daily.dev og:description: React Navigation, the popular navigation library for React Native, now has preliminary web support. New features include URL integration via the existing... og:url: https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf og:image: https://api.daily.dev/og/posts/DFyOWbWmf.png og:image:alt: React Navigation on the Web og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # React Navigation on the Web **[React Navigation](https://daily.dev/sources/react-navigation)** · 5 min read · 0 upvotes · 0 comments ## Summary React Navigation, the popular navigation library for React Native, now has preliminary web support. New features include URL integration via the existing linking configuration, a new Link component that renders anchor tags, anchor tags in tab and drawer navigators, disabled gestures and animations by default on web, automatic address-bar-hiding behavior for the stack navigator on scroll, and a permanent drawer mode for larger screens. SSR and 404 handling are still unaddressed and planned for future work. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Does React Navigation support the web with proper URL integration? Yes, React Navigation added preliminary web support including proper URL integration. The existing linking configuration used for native deep links is now reused for the browser, so navigating in the app updates the address bar, the browser back/forward buttons work, and no extra config is needed if deep links were already set up. A new Link component renders anchor tags for standard browser link behavior. _Developers wiring up React Native Web navigation can track library changes like this on daily.dev._ ### How do I disable gesture-based navigation and screen transition animations on web in React Navigation? React Navigation disables swipe gestures and screen transition animations by default on web, since gestures conflict with browser and OS back gestures and JS-driven animations tend to be janky on larger screens. No configuration is required for this default; it applies automatically once web support is active in the navigators. _Anyone tuning cross-platform navigation UX can follow updates like these on daily.dev._ ### Can I show a permanent sidebar drawer instead of a collapsible drawer in React Navigation on larger screens? Yes, setting drawerType to permanent on the drawer navigator shows an always-visible sidebar, useful for adapting UI to larger screens while still using a collapsible drawer on smaller ones. This was added as part of React Navigation's web support improvements alongside anchor-tag rendering in tab and drawer navigators. _Teams building responsive navigation layouts can follow such library capabilities on daily.dev._ ## Similar posts on daily.dev - [React Navigation 8.0 - July Progress Report](https://daily.dev/posts/react-navigation-8-0---july-progress-report-zwpb6nosh) · React Navigation · 7 upvotes · 2 comments - [React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History](https://daily.dev/posts/react-navigation-8-0-alpha-with-native-bottom-tabs-reworked-typescript-inference-and-history-baby9kbnm) · InfoQ · 6 upvotes · 1 comments - [React Router gets another major](https://daily.dev/posts/react-router-gets-another-major-ka7fnafpk) · Bytes by ui.dev · 4 upvotes · 0 comments - [Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit, Nitro](https://daily.dev/posts/workers-safeareaview-backgroundimage-webgpu-visioncamera-react-navigation-canvas-kit-nitro-zp1dg5abq) · This Week In React · 6 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#react](https://daily.dev/tags/react), [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"React Navigation on the Web","url":"https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf"},"datePublished":"2026-08-23T12:22:31.929Z","dateModified":"2026-08-23T12:49:06.712Z","description":"React Navigation, the popular navigation library for React Native, now has preliminary web support. New features include URL integration via the existing...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2cb5a266a09c2095f5194cd07eb12a75?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2cb5a266a09c2095f5194cd07eb12a75?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"React Navigation","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"React Navigation","logo":"https://media.daily.dev/image/upload/s--d1x9LTh1--/c_limit,w_256/f_auto,q_auto/v1787487486/logos/react-navigation?_a=BAMAMicg0","url":"https://daily.dev/sources/react-navigation"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,react,react-native","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React Navigation","item":"https://daily.dev/sources/react-navigation"},{"@type":"ListItem","position":3,"name":"React Navigation on the Web"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/react-navigation-on-the-web-dfyowbwmf#faq","mainEntity":[{"@type":"Question","name":"Does React Navigation support the web with proper URL integration?","acceptedAnswer":{"@type":"Answer","text":"Yes, React Navigation added preliminary web support including proper URL integration. The existing linking configuration used for native deep links is now reused for the browser, so navigating in the app updates the address bar, the browser back/forward buttons work, and no extra config is needed if deep links were already set up. A new Link component renders anchor tags for standard browser link behavior. Developers wiring up React Native Web navigation can track library changes like this on daily.dev."}},{"@type":"Question","name":"How do I disable gesture-based navigation and screen transition animations on web in React Navigation?","acceptedAnswer":{"@type":"Answer","text":"React Navigation disables swipe gestures and screen transition animations by default on web, since gestures conflict with browser and OS back gestures and JS-driven animations tend to be janky on larger screens. No configuration is required for this default; it applies automatically once web support is active in the navigators. Anyone tuning cross-platform navigation UX can follow updates like these on daily.dev."}},{"@type":"Question","name":"Can I show a permanent sidebar drawer instead of a collapsible drawer in React Navigation on larger screens?","acceptedAnswer":{"@type":"Answer","text":"Yes, setting drawerType to permanent on the drawer navigator shows an always-visible sidebar, useful for adapting UI to larger screens while still using a collapsible drawer on smaller ones. This was added as part of React Navigation's web support improvements alongside anchor-tag rendering in tab and drawer navigators. Teams building responsive navigation layouts can follow such library capabilities on daily.dev."}}]} ```