PageSourceSearch

https://reactnavigation.org/blog/

html reactnavigation.org collected 2026-10-02 02:52:30 UTC 68,510 bytes, 17 lines download raw bytes

1<!doctype html><html lang=en dir=ltr class="blog-wrapper blog-list-page plugin-blog plugin-id-default" data-has-hydrated=false><head><meta charset=UTF-8><meta name=generator content="Docusaurus v3.10.2"><title data-rh=true>Blog | React Navigation</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"/><meta data-rh=true name=twitter:card content=summary_large_image /><meta data-rh=true property=og:url content=https://reactnavigation.org/blog /><meta data-rh=true property=og:locale content=en /><meta data-rh=true name=docusaurus_locale content=en /><meta data-rh=true name=docsearch:language content=en /><meta data-rh=true property=og:title content="Blog | React Navigation"/><meta data-rh=true name=description content=Blog /><meta data-rh=true property=og:description content=Blog /><meta data-rh=true name=docusaurus_tag content=blog_posts_list /><meta data-rh=true name=docsearch:docusaurus_tag content=blog_posts_list /><link data-rh=true rel=icon href=/img/spiro.svg /><link data-rh=true rel=canonical href=https://reactnavigation.org/blog /><link data-rh=true rel=alternate href=https://reactnavigation.org/blog hreflang=en /><link data-rh=true rel=alternate href=https://reactnavigation.org/blog hreflang=x-default /><link data-rh=true rel=preconnect href=https://QCWXRU195A-dsn.algolia.net crossorigin=anonymous />
1<script data-rh=true type=application/ld+json>{"@context":"https://schema.org","@id":"https://reactnavigation.org/blog","@type":"Blog","blogPost":[{"@id":"https://reactnavigation.org/blog/2026/07/08/react-navigation-8.0-july-progress","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2026-07-08T00:00:00.000Z","description":"We've continued working on React Navigation 8.0 since the initial announcement and March progress report and released many refinements, improvements and new features.","headline":"React Navigation 8.0 - July Progress Report","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2026/07/08/react-navigation-8.0-july-progress","name":"React Navigation 8.0 - July Progress Report","url":"https://reactnavigation.org/blog/2026/07/08/react-navigation-8.0-july-progress"},{"@id":"https://reactnavigation.org/blog/2026/04/27/building-custom-screen-transitions","@type":"BlogPosting","author":{"@type":"Person","description":"React Native Screen Transitions","image":"https://github.com/eds2002.png","name":"Ed","url":"https://github.com/eds2002"},"datePublished":"2026-04-27T00:00:00.000Z","description":"There are a few ways to make an app feel more alive, and I'm a big believer that motion is one of them.","headline":"Building custom transitions with react-native-screen-transitions","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2026/04/27/building-custom-screen-transitions","name":"Building custom transitions with react-native-screen-transitions","url":"https://reactnavigation.org/blog/2026/04/27/building-custom-screen-transitions"},{"@id":"https://reactnavigation.org/blog/2026/03/10/react-navigation-8.0-march-progress","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2026-03-10T00:00:00.000Z","description":"We've been busy since the first alpha release of React Navigation 8.0. Our main focuses have been improving the DX around deep linking and TypeScript, and using modern features and patterns such as React.Activity and other React features such as Suspense, React Native features as PlatformColor, validation with Standard Schema etc.","headline":"React Navigation 8.0 - March Progress Report","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2026/03/10/react-navigation-8.0-march-progress","name":"React Navigation 8.0 - March Progress Report","url":"https://reactnavigation.org/blog/2026/03/10/react-navigation-8.0-march-progress"},{"@id":"https://reactnavigation.org/blog/2025/12/19/react-navigation-8.0-alpha","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2025-12-19T00:00:00.000Z","description":"We're excited to announce the first alpha release of React Navigation 8.0.","headline":"React Navigation 8.0 Alpha","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2025/12/19/react-navigation-8.0-alpha","name":"React Navigation 8.0 Alpha","url":"https://reactnavigation.org/blog/2025/12/19/react-navigation-8.0-alpha"},{"@id":"https://reactnavigation.org/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs","@type":"BlogPosting","author":{"@type":"Person","description":"Callstack","image":"https://avatars.githubusercontent.com/u/52801365","name":"Oskar Kwaśniewski"},"datePublished":"2025-01-29T00:00:00.000Z","description":"This is a guest post by Oskar Kwaśniewski, creator of react-native-bottom-tabs, a library exposing native tab primitives that integrates with React Navigation. If you like this guide, check out the react-native-bottom-tabs documentation for more!","headline":"Bottom Tabs meet Native","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs","name":"Bottom Tabs meet Native","url":"https://reactnavigation.org/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs"},{"@id":"https://reactnavigation.org/blog/2024/11/06/react-navigation-7.0","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2024-11-06T00:00:00.000Z","description":"The documentation is now live at reactnavigation.org, and v6 lives here.","headline":"React Navigation 7.0","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2024/11/06/react-navigation-7.0","name":"React Navigation 7.0","url":"https://reactnavigation.org/blog/2024/11/06/react-navigation-7.0"},{"@id":"https://reactnavigation.org/blog/2024/06/27/react-navigation-7.0-rc","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2024-06-27T00:00:00.000Z","description":"We're excited to announce the release candidate of React Navigation 7.0.","headline":"React Navigation 7.0 Release Candidate","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2024/06/27/react-navigation-7.0-rc","name":"React Navigation 7.0 Release Candidate","url":"https://reactnavigation.org/blog/2024/06/27/react-navigation-7.0-rc"},{"@id":"https://reactnavigation.org/blog/2024/03/25/introducing-static-api","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2024-03-25T00:00:00.000Z","description":"Two of the major pain points of using React Navigation have been TypeScript and deep linking configuration. Due to the dynamic nature of the navigators, it is necessary to manually maintain the TypeScript and deep linking configuration to match the navigation structure. This can be error-prone and time-consuming.","headline":"Introducing Static API","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2024/03/25/introducing-static-api","name":"Introducing Static API","url":"https://reactnavigation.org/blog/2024/03/25/introducing-static-api"},{"@id":"https://reactnavigation.org/blog/2021/08/14/react-navigation-6.0","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2021-08-14T00:00:00.000Z","description":"The documentation is now live at reactnavigation.org, and v5 lives here.","headline":"React Navigation 6.0","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2021/08/14/react-navigation-6.0","name":"React Navigation 6.0","url":"https://reactnavigation.org/blog/2021/08/14/react-navigation-6.0"},{"@id":"https://reactnavigation.org/blog/2021/03/12/react-navigation-6.0-next","@type":"BlogPosting","author":{"@type":"Person","description":"Core Team","image":"https://avatars2.githubusercontent.com/u/1174278","name":"Satyajit Sahoo","url":"https://satya164.page"},"datePublished":"2021-03-12T00:00:00.000Z","description":"We're excited to announce that we finally have a prerelease version of React Navigation 6. We released React Navigation 5 more than half a year ago, and it brought a lot of new possibilities with the new dynamic API, and was met with overwhelmingly positive reaction. Since then, we've been working on incremental improvements and refinements to the library and thinking about how to make it even better. This brings us to the next major version of React Navigation.","headline":"On the way to React Navigation 6.0","keywords":[],"mainEntityOfPage":"https://reactnavigation.org/blog/2021/03/12/react-navigation-6.0-next","name":"On the way to React Navigation 6.0","url":"https://reactnavigation.org/blog/2021/03/12/react-navigation-6.0-next"}],"description":"Blog","headline":"Blog","mainEntityOfPage":"https://reactnavigation.org/blog"}</script>
1<link rel=alternate type=application/rss+xml href=/blog/rss.xml title="React Navigation RSS Feed"><link rel=alternate type=application/atom+xml href=/blog/atom.xml title="React Navigation Atom Feed"><link rel=search type=application/opensearchdescription+xml title="React Navigation" href=/opensearch.xml>
1<script>window.ga=window.ga||function(){(window.ga.q=window.ga.q||[]).push(arguments)},window.ga.l=Date.now(),window.ga("create","UA-10128745-16","auto"),window.ga("send","pageview");var loadAnalytics=function(){if(!loadAnalytics.done){loadAnalytics.done=!0,clearTimeout(analyticsTimer),window.removeEventListener("pointerdown",loadAnalytics),window.removeEventListener("keydown",loadAnalytics),window.removeEventListener("scroll",loadAnalytics);var n=document.createElement("script");n.async=!0,n.src="https://www.google-analytics.com/analytics.js",document.head.appendChild(n)}};window.addEventListener("pointerdown",loadAnalytics,{once:!0}),window.addEventListener("keydown",loadAnalytics,{once:!0}),window.addEventListener("scroll",loadAnalytics,{once:!0,passive:!0});var analyticsTimer=setTimeout(loadAnalytics,5e3)</script>
1<link rel=stylesheet href=/assets/css/styles.40190bfa.css />
1<script src=/assets/js/runtime~main.608ea25a.js defer></script>
1<script src=/assets/js/main.43af5266.js defer></script>
1    <meta property="og:image" content="https://reactnavigation.org/img/og-image.png">
2    <meta name="twitter:image" content="https://reactnavigation.org/img/og-image.png">
3  </head><body><svg style="display: none;"><defs>
4<symbol id=theme-svg-external-link viewBox="0 0 24 24"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
5</defs></svg>
6<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme-8fb")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")),document.documentElement.setAttribute("data-theme-choice",t||"system")}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script>
6<div id=__docusaurus><link rel=preload as=image href=/img/spiro.svg /><link rel=preload as=image href=https://avatars2.githubusercontent.com/u/1174278 /><link rel=preload as=image href=https://github.com/eds2002.png /><link rel=preload as=image href=https://avatars.githubusercontent.com/u/52801365 /><div role=region aria-label="Skip to main content"><a class=skipToContent_fXgn href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="theme-layout-navbar navbar navbar--fixed-top"><div class=navbar__inner><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/img/spiro.svg alt="React Navigation Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=300 width=294 /><img src=/img/spiro.svg alt="React Navigation Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=300 width=294 /></div><b class="navbar__title text--truncate">React Navigation</b></a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class=navbar__link aria-haspopup=true aria-expanded=false role=button href=/docs/getting-started>7.x</a><ul class=dropdown__menu><li><a class=dropdown__link href=/docs/8.x/getting-started>8.x</a><li><a class=dropdown__link href=/docs/getting-started>7.x</a><li><a class=dropdown__link href=/docs/6.x/getting-started>6.x</a><li><a class=dropdown__link href=/docs/5.x/getting-started>5.x</a><li><a class=dropdown__link href=/docs/4.x/getting-started>4.x</a><li><a class=dropdown__link href=/docs/3.x/getting-started>3.x</a><li><a class=dropdown__link href=/docs/2.x/getting-started>2.x</a><li><a class=dropdown__link href=/docs/1.x/getting-started>1.x</a></ul></div><a class="navbar__item navbar__link" href=/docs/getting-started>Docs</a><a aria-current=page class="navbar__item navbar__link navbar__link--active" href=/blog>Blog</a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link>Help</a><ul class=dropdown__menu><li><a href=https://github.com/react-navigation/react-navigation/issues target=_blank rel="noopener noreferrer" class=dropdown__link>Issues<svg width=12 height=12 aria-label="(opens in new tab)" class=iconExternalLink_nPIU><use href=#theme-svg-external-link /></svg></a><li><a href=https://react-navigation.canny.io/feature-requests target=_blank rel="noopener noreferrer" class=dropdown__link>Feature Requests<svg width=12 height=12 aria-label="(opens in new tab)" class=iconExternalLink_nPIU><use href=#theme-svg-external-link /></svg></a><li><a href=https://www.reactiflux.com target=_blank rel="noopener noreferrer" class=dropdown__link>Reactiflux Discord<svg width=12 height=12 aria-label="(opens in new tab)" class=iconExternalLink_nPIU><use href=#theme-svg-external-link /></svg></a><li><a href=https://stackoverflow.com/questions/tagged/react-navigation target=_blank rel="noopener noreferrer" class=dropdown__link>Stack Overflow<svg width=12 height=12 aria-label="(opens in new tab)" class=iconExternalLink_nPIU><use href=#theme-svg-external-link /></svg></a><li><a class=dropdown__link href=/docs/troubleshooting>Troubleshooting</a><li><a class=dropdown__link href=/docs/contributing>Contributing</a></ul></div><a href=https://x.com/reactnavigation target=_blank rel="noopener noreferrer" class="navbar__item navbar__link navbar-social-link navbar-social-link-x" aria-label=X></a><a href=https://github.com/react-navigation/react-navigation target=_blank rel="noopener noreferrer" class="navbar__item navbar__link navbar-social-link navbar-social-link-github" aria-label=GitHub></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type=button disabled title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_g3eP lightToggleIcon_pyhR"><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,
61S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_g3eP darkToggleIcon_wfgR"><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 aria-hidden=true class="toggleIcon_g3eP systemToggleIcon_QzmC"><path fill=currentColor d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"/></svg></button></div><div class=navbarSearchContainer_Bca1><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Meta+k)" aria-keyshortcuts=Meta+k><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 24 24" aria-hidden=true><circle cx=11 cy=11 r=8 stroke=currentColor fill=none stroke-width=1.4 /><path d="m21 21-4.3-4.3" stroke=currentColor fill=none stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="theme-layout-main main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class=row><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><div role=group><h3 class=yearGroupHeading_rMGB>2026</h3><ul class="sidebarItemList_Yudw clean-list"><li class=sidebarItem__DBe><a class=sidebarItemLink_mo7H href=/blog/2026/07/08/react-navigation-8.0-july-progress>React Navigation 8.0 - July Progress Report</a><li class=sidebarItem__DBe><a class=sidebarItemLink_mo7H href=/blog/2026/04/27/building-custom-screen-transitions>Building custom transitions with react-native-screen-transitions</a><li class=sidebarItem__DBe><a class=sidebarItemLink_mo7H href=/blog/2026/03/10/react-navigation-8.0-march-progress>React Navigation 8.0 - March Progress Report</a></ul></div><div role=group><h3 class=yearGroupHeading_rMGB>2025</h3><ul class="sidebarItemList_Yudw clean-list"><li class=sidebarItem__DBe><a class=sidebarItemLink_mo7H href=/blog/2025/12/19/react-navigation-8.0-alpha>React Navigation 8.0 Alpha</a><li class=sidebarItem__DBe><a class=sidebarItemLink_mo7H href=/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs>Bottom Tabs meet Native</a></ul></div></nav></aside><main class="col col--7"><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2026/07/08/react-navigation-8.0-july-progress>React Navigation 8.0 - July Progress Report</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2026-07-08T00:00:00.000Z>July 8, 2026</time> · <!-- -->13 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
61 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>We've continued working on React Navigation 8.0 since the <a class="" href=/blog/2025/12/19/react-navigation-8.0-alpha>initial announcement</a> and <a class="" href=/blog/2026/03/10/react-navigation-8.0-march-progress>March progress report</a> and released many refinements, improvements and new features.</p>
7<p>This post covers the highlights that landed since March 2026.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 8.0 - July Progress Report" href=/blog/2026/07/08/react-navigation-8.0-july-progress><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2026/04/27/building-custom-screen-transitions>Building custom transitions with react-native-screen-transitions</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2026-04-27T00:00:00.000Z>April 27, 2026</time> · <!-- -->9 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://github.com/eds2002 target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://github.com/eds2002.png alt=Ed /></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://github.com/eds2002 target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Ed</span></a></div><small class=authorTitle_nd0D title="React Native Screen Transitions">React Native Screen Transitions</small><div class=authorSocials_rSDt><a href=https://x.com/trpfsu target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/eds2002 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
71 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>There are a few ways to make an app feel more alive, and I'm a big believer that motion is one of them.</p>
8<p>Most people already know their OS animations by muscle memory. That's why a custom transition can land so well: used in the right place, it breaks the routine just enough to make a flow feel intentional.</p>
9<p><a href=https://screen-transitions.esjr.org target=_blank rel="noopener noreferrer" class=""><code>react-native-screen-transitions</code></a> is a React Navigation transition toolkit for flows that need more control over navigation motion. In this article, we'll recreate an iOS-style page transition, then build up to a bounds-driven <code>navigation.zoom()</code> flow.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/tutorial>tutorial</a><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/screen-transitions>screen-transitions</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about Building custom transitions with react-native-screen-transitions" href=/blog/2026/04/27/building-custom-screen-transitions><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2026/03/10/react-navigation-8.0-march-progress>React Navigation 8.0 - March Progress Report</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2026-03-10T00:00:00.000Z>March 10, 2026</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
91 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>We've been busy since the <a class="" href=/blog/2025/12/19/react-navigation-8.0-alpha>first alpha release of React Navigation 8.0</a>. Our main focuses have been improving the DX around deep linking and TypeScript, and using modern features and patterns such as <a href=https://react.dev/reference/react/Activity target=_blank rel="noopener noreferrer" class=""><code>React.Activity</code></a> and other React features such as <a href=https://react.dev/reference/react/Suspense target=_blank rel="noopener noreferrer" class=""><code>Suspense</code></a>, React Native features as <a href=https://reactnative.dev/docs/platformcolor target=_blank rel="noopener noreferrer" class=""><code>PlatformColor</code></a>, validation with <a href=https://standardschema.dev/ target=_blank rel="noopener noreferrer" class="">Standard Schema</a> etc.</p>
10<p>This post covers the features and improvements that landed since the first alpha release back in December 2025.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 8.0 - March Progress Report" href=/blog/2026/03/10/react-navigation-8.0-march-progress><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2025/12/19/react-navigation-8.0-alpha>React Navigation 8.0 Alpha</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2025-12-19T00:00:00.000Z>December 19, 2025</time> · <!-- -->12 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
101 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>We're excited to announce the first alpha release of React Navigation 8.0.</p>
11<p>For this release, we tried to minimize large breaking changes when possible, and focused on improvements such as better TypeScript types, native bottom tabs as the default, and various other new features. There are many more improvements planned for the final release.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/release>release</a><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 8.0 Alpha" href=/blog/2025/12/19/react-navigation-8.0-alpha><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs>Bottom Tabs meet Native</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2025-01-29T00:00:00.000Z>January 29, 2025</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><img class="avatar__photo authorImage_XqGP" src=https://avatars.githubusercontent.com/u/52801365 alt="Oskar Kwaśniewski"/><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><span class=authorName_yefp translate=no>Oskar Kwaśniewski</span></div><small class=authorTitle_nd0D title=Callstack>Callstack</small><div class=authorSocials_rSDt><a href=https://x.com/o_kwasniewski target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/okwasniewsk target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
111 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>This is a guest post by Oskar Kwaśniewski, creator of <code>react-native-bottom-tabs</code>, a library exposing native tab primitives that integrates with React Navigation. If you like this guide, check out the <code>react-native-bottom-tabs</code> <a href=https://callstackincubator.github.io/react-native-bottom-tabs/ target=_blank rel="noopener noreferrer" class="">documentation</a> for more!</p>
12<p>This blog post will explain the differences between the JavaScript Bottom Tabs navigator and provide a step-by-step guide for integrating React Navigation with the Native Bottom Tabs Navigator.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/tutorial>tutorial</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about Bottom Tabs meet Native" href=/blog/2025/01/29/using-react-navigation-with-native-bottom-tabs><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2024/11/06/react-navigation-7.0>React Navigation 7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2024-11-06T00:00:00.000Z>November 6, 2024</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
121 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>The documentation is now live at <a class="" href=/docs/getting-started>reactnavigation.org</a>, and v6 lives <a class="" href=/docs/6.x/getting-started>here</a>.</p>
13<p>React Navigation 7 aims to improve the developer experience with a new static API as well as bring many new features and improvements.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 7.0" href=/blog/2024/11/06/react-navigation-7.0><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2024/06/27/react-navigation-7.0-rc>React Navigation 7.0 Release Candidate</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2024-06-27T00:00:00.000Z>June 27, 2024</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
131 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>We're excited to announce the release candidate of React Navigation 7.0.</p>
14<p>This release includes a new static API that simplifies the configuration of navigators and improves TypeScript and deep linking support. As well as various other improvements and new features.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 7.0 Release Candidate" href=/blog/2024/06/27/react-navigation-7.0-rc><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2024/03/25/introducing-static-api>Introducing Static API</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2024-03-25T00:00:00.000Z>March 25, 2024</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
141 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>Two of the major pain points of using React Navigation have been TypeScript and deep linking configuration. Due to the dynamic nature of the navigators, it is necessary to manually maintain the TypeScript and deep linking configuration to match the navigation structure. This can be error-prone and time-consuming.</p>
15<p>To solve this, we’re adding a new static API to React Navigation 7. It’s not the same API as React Navigation 4, but it’s similar. Many apps don’t need the features that the dynamic API provides, and they can use the simpler static API instead to simplify their codebase.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introducing Static API" href=/blog/2024/03/25/introducing-static-api><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2021/08/14/react-navigation-6.0>React Navigation 6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2021-08-14T00:00:00.000Z>August 14, 2021</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
151 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>The documentation is now live at <a href=https://reactnavigation.org/6.x/getting-started target=_blank rel="noopener noreferrer" class="">reactnavigation.org</a>, and v5 lives <a class="" href=/docs/5.x/getting-started>here</a>.</p>
16<p>React Navigation 6 keeps mostly the same core API as React Navigation 5, and you can think of it as further polishing what was in React Navigation 5. Let's talk about the highlights of this release in this blog post.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/release>release</a><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about React Navigation 6.0" href=/blog/2021/08/14/react-navigation-6.0><b>Read more</b></a></div></footer></article><article class=margin-bottom--xl><header><h2 class=title_f1Hy><a href=/blog/2021/03/12/react-navigation-6.0-next>On the way to React Navigation 6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime=2021-03-12T00:00:00.000Z>March 12, 2021</time> · <!-- -->3 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href=https://satya164.page target=_blank rel="noopener noreferrer" class=avatar__photo-link><img class="avatar__photo authorImage_XqGP" src=https://avatars2.githubusercontent.com/u/1174278 alt="Satyajit Sahoo"/></a><div class="avatar__intro authorDetails_lV9A"><div class=avatar__name><a href=https://satya164.page target=_blank rel="noopener noreferrer"><span class=authorName_yefp translate=no>Satyajit Sahoo</span></a></div><small class=authorTitle_nd0D title="Core Team">Core Team</small><div class=authorSocials_rSDt><a href=https://x.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=X><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em fill=none viewBox="0 0 1200 1227" style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 xSvg_y3PF"><path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg></a><a href=https://github.com/satya164 target=_blank rel="noopener noreferrer" class=authorSocialLink_owbf title=GitHub><svg xmlns=http://www.w3.org/2000/svg width=1em height=1em viewBox="0 0 256 250" preserveAspectRatio=xMidYMid style=--dark:#000;--light:#fff class="authorSocialIcon_XYv3 githubSvg_Uu4N"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
161 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"/></svg></a></div></div></div></div></div></header><div class=markdown><p>We're excited to announce that we finally have a prerelease version of React Navigation 6. We released React Navigation 5 more than half a year ago, and it brought a lot of new possibilities with the new dynamic API, and was met with overwhelmingly positive reaction. Since then, we've been working on incremental improvements and refinements to the library and thinking about how to make it even better. This brings us to the next major version of React Navigation.</div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/release>release</a><li class=tag_QGVx><a rel=tag class="tag_zVej tagRegular_sFm0" href=/blog/tags/announcement>announcement</a></ul></div><div class="col text--right col--3"><a aria-label="Read more about On the way to React Navigation 6.0" href=/blog/2021/03/12/react-navigation-6.0-next><b>Read more</b></a></div></footer></article><nav class=pagination-nav aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href=/blog/page/2><div class=pagination-nav__label>Older entries</div></a></nav></main></div></div></div></div>
16<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a7eb0082d89943ecaa138882445901b9","r":1,"spa":2}' crossorigin="anonymous"></script>
16
17</body>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.