1"use strict";(self.webpackChunkreact_navigation_website=self.webpackChunkreact_navigation_website||[]).push([["2647"],{77176(e,t,n){n.r(t),n.d(t,{metadata:()=>s,default:()=>h,frontMatter:()=>a,contentTitle:()=>r,toc:()=>l,assets:()=>c});var s=JSON.parse('{"id":"next-steps","title":"Next steps","description":"You now know how to create a stack navigator, configure screens, navigate between routes, and display modals.","source":"@site/versioned_docs/version-8.x/next-steps.md","sourceDirName":".","slug":"/next-steps","permalink":"/docs/8.x/next-steps","draft":false,"unlisted":false,"editUrl":"https://github.com/react-navigation/react-navigation.github.io/edit/main/versioned_docs/version-8.x/next-steps.md","tags":[],"version":"8.x","frontMatter":{"id":"next-steps","title":"Next steps","sidebar_label":"Next steps"},"sidebar":"docs","previous":{"title":"Navigation lifecycle","permalink":"/docs/8.x/navigation-lifecycle"},"next":{"title":"Upgrade Guides","permalink":"/docs/8.x/upgrade-guides"}}'),i=n(74848),o=n(28453);let a={id:"next-steps",title:"Next steps",sidebar_label:"Next steps"},r,c={},l=[];function d(e){let t={a:"a",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.p,{children:["You now know how to create a stack navigator, configure screens, navigate between routes, and display ",(0,i.jsx)(t.a,{href:"/docs/8.x/modal",children:"modals"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["Stack navigators and their related APIs will be the most frequently used tools in your React Navigation toolbelt, but there are problems that they don't solve. For example, you can't build tab-based navigation using a stack navigator \u2014 for that, you need to use a ",(0,i.jsx)(t.a,{href:"/docs/8.x/bottom-tab-navigator",children:"Bottom Tabs Navigator"}),"."]}),"\n",(0,i.jsxs)(t.p,{children:["You can check out the ",(0,i.jsx)(t.strong,{children:'"Navigators"'})," section in the sidebar to learn more about the different navigators available in React Navigation."]}),"\n",(0,i.jsxs)(t.p,{children:["The ",(0,i.jsx)(t.strong,{children:'"Guides"'})," section covers common topics that you'll encounter when building navigation in your app. Some of the guides you may want to check out are:"]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/auth-flow",children:"Authentication flows"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/handling-safe-area",children:"Supporting safe areas"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/deep-linking",children:"Deep linking"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/themes",children:"Themes"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/testing",children:"Testing with Jest"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/docs/8.x/typescript",children:"Configuring TypeScript"})}),"\n"]}),"\n",(0,i.jsxs)(t.p,{children:["While most users won't need to do this, if you are curious and want to learn more about how React Navigation works, it's recommended to work through the ",(0,i.jsx)(t.a,{href:"/docs/8.x/navigation-state",children:"Navigation State reference"})," and ",(0,i.jsx)(t.a,{href:"/docs/8.x/custom-navigators",children:"Build your own Navigator"})," sections."]}),"\n",(0,i.jsx)(t.p,{children:"Good luck!"})]})}function h(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},28453(e,t,n){n.d(t,{R:()=>a,x:()=>r});var s=n(96540);let i={},o=s.createContext(i);function a(e){let t=s.useContext(o);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),s.createElement(o.Provider,{value:t},e.children)}}}]);
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.