+
+Bottom Navigation on iOS, with native blur.
+
+
+
+Bottom Navigation on Android, following Material Design 3 styling.
+
+
+
+On iPadOS tabs appear at the top with a button allowing you to go into the sidebar mode.
+
+
+
+On visionOS, the tabs appear on the left side, attached outside of the window.
+
+
+
+On tvOS tabs appear on the top, making navigation with the TV remote a breeze.
+
+
+
+On macOS, tabs appear on the left side, following the design of the Finder app.
+
+#### Automatic scroll to the top
+
+iOS TabView automatically scrolls to the top when ScrollView is embedded inside of it.
+
+#### Automatic PiP avoidance
+
+The operating system recognizes navigation in your app making the Picture in Picture window automatically avoid bottom navigation.
+
+#### Platform-specific styling
+
+For iOS bottom navigation has a built-in blur making your app stand out. For Android, you can choose between Material 2 and Material 3 and leverage Material You system styling.
+
+#### Sidebar
+
+TabView can turn in to a side bar on tvOS, iPadOS and macOS. The `sidebarAdaptable` prop controls this.
+
+## Getting started
+
+To get started follow the installation instructions in the `react-native-bottom-tabs` [documentation](https://callstackincubator.github.io/react-native-bottom-tabs/docs/getting-started/quick-start.html).
+
+Native Bottom Tabs Navigation resembles JavaScript Tabs API as closely as possible. Making your migration straightforward.
+
+As mentioned before, Native Bottom Tabs use native primitives to create the tabs. This approach also has some downsides: Native components enforce certain constraints that we need to follow.
+
+There are a few differences between the APIs worth noting. One of the biggest is how native tabs handle images. In JavaScript tabs, you can render React components as icons, in native tabs unfortunately it’s not possible. Instead, you have to provide one of the following options:
+
+```tsx
+
+
+You can check out the project [here](https://github.com/callstackincubator/react-native-bottom-tabs).
+
+Thanks for reading!
diff --git a/blog/authors.yml b/blog/authors.yml
new file mode 100644
index 00000000000..a184d71c1bb
--- /dev/null
+++ b/blog/authors.yml
@@ -0,0 +1,49 @@
+satya:
+ name: Satyajit Sahoo
+ url: https://satya164.page
+ image_url: https://avatars2.githubusercontent.com/u/1174278
+ title: Core Team
+ socials:
+ x: satya164
+ github: satya164
+
+michal:
+ name: Michał Osadnik
+ image_url: https://avatars3.githubusercontent.com/u/25709300
+ title: Core Team
+ socials:
+ x: mosdnk
+ github: osdnk
+
+brent:
+ name: Brent Vatne
+ url: https://bsky.app/profile/notbrent.bsky.social
+ image_url: https://avatars0.githubusercontent.com/u/90494
+ title: Core Team
+ socials:
+ x: notbrent
+ github: brentvatne
+
+artur:
+ name: Artur Yorsh
+ image_url: https://pbs.twimg.com/profile_images/1668375708962357248/ntCXYm7e_400x400.jpg
+ title: UI Kitten Team
+ socials:
+ x: artyorsh
+ github: artyorsh
+
+dawid:
+ name: Dawid Urbaniak
+ image_url: https://avatars0.githubusercontent.com/u/18584155
+ title: React Native Paper Team
+ socials:
+ x: trensik
+ github: Trancever
+
+oskar:
+ name: Oskar Kwaśniewski
+ image_url: https://avatars.githubusercontent.com/u/52801365
+ title: Callstack
+ socials:
+ x: o_kwasniewski
+ github: okwasniewsk
diff --git a/crowdin.yaml b/crowdin.yaml
index 05b3c635dfb..8ae89d87510 100644
--- a/crowdin.yaml
+++ b/crowdin.yaml
@@ -1,20 +1,17 @@
project_identifier_env: CROWDIN_DOCUSAURUS_PROJECT_ID
api_key_env: CROWDIN_DOCUSAURUS_API_KEY
-base_path: "./"
+base_path: './'
preserve_hierarchy: true
files:
- -
- source: '/docs/*.md'
+ - source: '/docs/*.md'
translation: '/translated_docs/%locale%/%original_file_name%'
languages_mapping: &anchor
locale:
'zh-CN': 'zh-Hans'
- -
- source: '/i18n/en.json'
+ - source: '/i18n/en.json'
translation: '/i18n/%locale%.json'
languages_mapping: *anchor
- -
- source: '/versioned_docs/**/*.md'
+ - source: '/versioned_docs/**/*.md'
translation: '/translated_docs/%locale%/**/%original_file_name%'
languages_mapping: *anchor
diff --git a/docusaurus.config.js b/docusaurus.config.js
index ee4e113b6a2..dd90010233c 100755
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -1,7 +1,10 @@
-import path from 'path';
import remarkNpm2Yarn from '@docusaurus/remark-plugin-npm2yarn';
+import rehypeCodeblockMeta from './src/plugins/rehype-codeblock-meta.mjs';
export default {
+ future: {
+ experimental_faster: true,
+ },
title: 'React Navigation',
tagline: 'Routing and navigation for your React Native apps',
url: 'https://reactnavigation.org/',
@@ -9,11 +12,27 @@ export default {
favicon: 'img/favicon.ico',
organizationName: 'react-navigation',
projectName: 'react-navigation.github.io',
- scripts: ['/js/snack-helpers.js'],
+ onBrokenAnchors: 'throw',
+ onBrokenMarkdownLinks: 'throw',
+ scripts: ['/js/snack-helpers.js', '/js/toc-fixes.js'],
themeConfig: {
+ colorMode: {
+ defaultMode: 'light',
+ disableSwitch: false,
+ respectPrefersColorScheme: true,
+ },
prism: {
theme: require('prism-react-renderer').themes.github,
darkTheme: require('prism-react-renderer').themes.dracula,
+ magicComments: [
+ {
+ className: 'theme-code-block-highlighted-line',
+ line: 'highlight-next-line',
+ block: { start: 'highlight-start', end: 'highlight-end' },
+ },
+ { className: 'code-block-diff-add-line', line: 'diff-add' },
+ { className: 'code-block-diff-remove-line', line: 'diff-remove' },
+ ],
},
algolia: {
appId: 'QCWXRU195A',
@@ -28,111 +47,87 @@ export default {
src: 'img/spiro.svg',
},
items: [
- { to: 'docs/getting-started', label: 'Docs', position: 'left' },
- { to: 'blog', label: 'Blog', position: 'left' },
{
- href: 'https://github.com/react-navigation',
- label: 'GitHub',
+ type: 'docsVersionDropdown',
position: 'right',
},
{
- to: 'help',
- label: 'Help',
+ to: 'docs/getting-started',
+ activeBasePath: 'docs',
+ label: 'Docs',
+ position: 'right',
},
{
- type: 'docsVersionDropdown',
- position: 'left',
+ to: 'blog',
+ label: 'Blog',
+ position: 'right',
},
- ],
- },
- footer: {
- style: 'dark',
- links: [
{
- title: 'Docs',
+ type: 'dropdown',
+ label: 'Help',
items: [
{
- label: 'Getting Started',
- to: 'docs/getting-started',
+ label: 'Issues',
+ href: 'https://github.com/react-navigation/react-navigation/issues',
},
{
- label: 'Building your own Navigator',
- to: 'docs/custom-navigators',
+ label: 'Feature Requests',
+ href: 'https://react-navigation.canny.io/feature-requests',
},
{
- label: 'Contributing',
- to: 'docs/contributing',
+ label: 'Reactiflux Discord',
+ href: 'https://www.reactiflux.com',
},
- ],
- },
- {
- title: 'Support',
- items: [
{
- label: 'Chat in our Discord channel',
- href: 'https://discord.gg/reactiflux',
- },
- {
- label: 'Get help on Stack Overflow',
+ label: 'Stack Overflow',
href: 'https://stackoverflow.com/questions/tagged/react-navigation',
},
{
- label: 'Request a feature on Canny',
- href: 'https://react-navigation.canny.io/feature-requests',
+ label: 'Troubleshooting',
+ to: 'docs/troubleshooting',
},
{
- label: 'Report a bug on GitHub',
- href: 'https://github.com/react-navigation/react-navigation/issues/new/choose',
+ label: 'Contributing',
+ to: 'docs/contributing',
},
],
+ position: 'right',
},
{
- title: 'Social',
- items: [
- {
- label: 'Blog',
- to: 'blog',
- },
- {
- label: 'GitHub',
- href: 'https://github.com/react-navigation/react-navigation',
- },
- {
- label: 'Twitter',
- href: 'https://twitter.com/reactnavigation',
- },
- ],
+ href: 'https://x.com/reactnavigation',
+ className: 'navbar-social-link navbar-social-link-x',
+ 'aria-label': 'X',
+ position: 'right',
},
{
- title: 'Built with',
- items: [
- {
- label: 'Docusaurus',
- to: 'https://docusaurus.io/',
- },
- {
- label: 'GitHub Pages',
- href: 'https://pages.github.com/',
- },
- {
- label: 'Netlify',
- href: 'https://www.netlify.com/',
- },
- ],
+ href: 'https://github.com/react-navigation/react-navigation',
+ className: 'navbar-social-link navbar-social-link-github',
+ 'aria-label': 'GitHub',
+ position: 'right',
},
],
},
},
plugins: [
+ './src/plugins/disable-fully-specified.mjs',
+ './src/plugins/react-navigation-versions.mjs',
[
'@docusaurus/plugin-client-redirects',
{
redirects: [
{
from: '/next',
- to: '/docs/7.x/getting-started',
+ to: '/docs/migration-guides',
},
],
+ createRedirects(existingPath) {
+ if (
+ existingPath.includes('/docs/') &&
+ !/\/docs\/\d+\.x/.test(existingPath)
+ ) {
+ return existingPath.replace('/docs/', '/docs/7.x/');
+ }
+ },
},
],
],
@@ -144,8 +139,16 @@ export default {
editUrl:
'https://github.com/react-navigation/react-navigation.github.io/edit/main/',
includeCurrentVersion: false,
- lastVersion: '6.x',
+ lastVersion: '7.x',
+ breadcrumbs: false,
+ sidebarCollapsed: false,
remarkPlugins: [[remarkNpm2Yarn, { sync: true }]],
+ rehypePlugins: [
+ [
+ rehypeCodeblockMeta,
+ { match: { snack: true, lang: true, tabs: true } },
+ ],
+ ],
},
blog: {
remarkPlugins: [[remarkNpm2Yarn, { sync: true }]],
diff --git a/package.json b/package.json
index 4239daca30a..8c4108eb882 100755
--- a/package.json
+++ b/package.json
@@ -11,24 +11,34 @@
"deploy": "DEPLOYMENT_BRANCH=gh-pages docusaurus deploy",
"crowdin-upload": "crowdin upload sources --auto-update -b main",
"crowdin-download": "crowdin download -b main",
- "fetch-sponsors": "node scripts/fetch-sponsors.js"
+ "fetch-sponsors": "node scripts/fetch-sponsors.js && prettier --write src/data/sponsors.js"
},
"dependencies": {
- "@docusaurus/core": "3.0.0",
- "@docusaurus/plugin-client-redirects": "3.0.0",
- "@docusaurus/plugin-google-analytics": "3.0.0",
- "@docusaurus/preset-classic": "3.0.0",
- "@docusaurus/remark-plugin-npm2yarn": "3.0.0",
- "@octokit/graphql": "^7.0.2",
- "@react-navigation/core": "^7.0.0-alpha.2",
+ "@docusaurus/core": "3.6.1",
+ "@docusaurus/faster": "3.6.1",
+ "@docusaurus/plugin-client-redirects": "3.6.1",
+ "@docusaurus/plugin-google-analytics": "3.6.1",
+ "@docusaurus/preset-classic": "3.6.1",
+ "@docusaurus/remark-plugin-npm2yarn": "3.6.1",
+ "@octokit/graphql": "^7.1.0",
+ "@react-navigation/core": "^7.0.4",
"escape-html": "^1.0.3",
"mkdirp": "^3.0.1",
"netlify-plugin-cache": "^1.0.3",
- "prism-react-renderer": "^2.3.0",
- "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "react-simple-code-editor": "^0.13.1"
+ "prism-react-renderer": "^2.4.0",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "react-simple-code-editor": "^0.14.1"
},
+ "devDependencies": {
+ "markdownlint": "^0.36.1",
+ "markdownlint-cli2": "^0.14.0",
+ "prettier": "^3.3.3"
+ },
+ "resolutions": {
+ "@rspack/core": "1.0.14"
+ },
+ "packageManager": "yarn@4.0.2",
"browserslist": {
"production": [
">0.2%",
@@ -40,10 +50,5 @@
"last 1 firefox version",
"last 1 safari version"
]
- },
- "devDependencies": {
- "markdownlint": "^0.32.1",
- "markdownlint-cli2": "^0.11.0"
- },
- "packageManager": "yarn@4.0.2"
+ }
}
diff --git a/scripts/fetch-sponsors.js b/scripts/fetch-sponsors.js
index 2bef5e0fb14..a8230303420 100644
--- a/scripts/fetch-sponsors.js
+++ b/scripts/fetch-sponsors.js
@@ -62,7 +62,10 @@ async function fetchAndWriteSponsorsAsync() {
'data',
'sponsors.js'
);
- fs.writeFileSync(sponsorsFilePath, `export default ${JSON.stringify(sponsors, null, 2)}`);
+ fs.writeFileSync(
+ sponsorsFilePath,
+ `export default ${JSON.stringify(sponsors, null, 2)}`
+ );
console.log(`Wrote updated sponsors to ${sponsorsFilePath}`);
}
diff --git a/sidebars.js b/sidebars.js
deleted file mode 100755
index 2c1f4c9e5de..00000000000
--- a/sidebars.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
- docs: { }
-};
diff --git a/src/components/Pre.js b/src/components/Pre.js
new file mode 100644
index 00000000000..227c15c070b
--- /dev/null
+++ b/src/components/Pre.js
@@ -0,0 +1,314 @@
+import { useActiveVersion } from '@docusaurus/plugin-content-docs/client';
+import { useColorMode } from '@docusaurus/theme-common';
+import { usePluginData } from '@docusaurus/useGlobalData';
+import MDXPre from '@theme-original/MDXComponents/Pre';
+import React from 'react';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+const SUPPORTED_TABS = {
+ config: [
+ { value: 'static', label: 'Static', default: true },
+ { value: 'dynamic', label: 'Dynamic' },
+ ],
+};
+
+export default function Pre({
+ children,
+ 'data-name': name,
+ 'data-snack': snack,
+ 'data-dependencies': deps,
+ 'data-tabs': tabs,
+ 'data-lang': lang,
+ ...rest
+}) {
+ const { colorMode } = useColorMode();
+ const activeVersion = useActiveVersion();
+ const { versions } = usePluginData('react-navigation-versions');
+
+ const child = React.Children.only(children);
+
+ // If we encounter tabs, we need to render 2 code blocks
+ if (tabs && tabs in SUPPORTED_TABS) {
+ return (
+
+ {React.cloneElement(children, {
+ ...child.props,
+ children: content.trim(),
+ })}
+
+
{routes.map((route, i) => (
diff --git a/src/css/custom.css b/src/css/custom.css
index af7d9ae72a5..33d5487453c 100755
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -6,49 +6,302 @@
/* You can override the default Infima variables here. */
:root {
- --ifm-color-primary: #6b52ae;
- --ifm-color-primary-dark: #60499d;
- --ifm-color-primary-darker: #5b4594;
- --ifm-color-primary-darkest: #4b397a;
- --ifm-color-primary-light: #7a63b6;
- --ifm-color-primary-lighter: #816cba;
- --ifm-color-primary-lightest: #9886c6;
- --ifm-code-font-size: 95%;
- --ifm-hero-background-color: #6b52ae;
- --ifm-hero-text-color: #fff;
+ --primary-hue: 256.3;
+ --primary-saturation: 53.2%;
+ --primary-lightness: 50.2%;
+ --ifm-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco,
+ Consolas, Liberation Mono, Courier New, monospace;
+ --ifm-font-family-base: ui-sans-serif, system-ui, -apple-system,
+ BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
+ sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
+ Noto Color Emoji;
+
+ --ifm-code-font-size: 85%;
+
+ --ifm-heading-font-weight: 700;
+ --ifm-heading-line-height: 1.618;
+ --ifm-heading-margin-top: 1.618rem;
+
+ --ifm-color-primary: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ var(--primary-lightness)
+ );
+
+ --ifm-color-primary-dark: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 45.1%
+ );
+
+ --ifm-color-primary-darker: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 40.1%
+ );
+
+ --ifm-color-primary-darkest: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 35.1%
+ );
+
+ --ifm-color-primary-light: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 55.2%
+ );
+
+ --ifm-color-primary-lighter: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 60.2%
+ );
+
+ --ifm-color-primary-lightest: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 77.6%
+ );
+
+ --ifm-hero-background-color: var(--ifm-color-primary);
+ --ifm-footer-background-color: var(--ifm-background-surface-color);
--ifm-home-color-text: #414360;
--ifm-home-color-background: #f7f7ff;
--ifm-home-color-background-secondary: #d5d6f5;
- --ifm-home-color-highlight: #8c90e0;
+ --ifm-home-color-highlight: hsl(var(--primary-hue), 57.5%, 71.4%);
--ifm-home-color-border: #414360;
--ifm-home-color-black: #25292e;
--ifm-home-color-white: #f7f7ff;
- --ifm-menu-color-background-active: rgb(107, 82, 174, 0.1);
+ --ifm-toc-border-color: var(--ifm-color-gray-200);
+ --ifm-menu-color-background-active: rgba(107, 82, 174, 0.1);
+ --docusaurus-highlighted-code-line-bg: rgba(107, 82, 174, 0.1);
+
+ --ifm-footer-padding-horizontal: var(--ifm-spacing-horizontal);
+ --ifm-footer-padding-vertical: var(--ifm-spacing-vertical);
+ --ifm-tabs-padding-vertical: 0.375rem;
- --docusaurus-highlighted-code-line-bg: #ebebeb;
+ --ifm-alert-shadow: none;
+ --ifm-alert-border-left-width: 0;
+
+ --codeblock-background-color: #f6f8fa;
}
:root[data-theme='dark'] {
- --ifm-color-primary: #a697ce;
- --ifm-color-primary-dark: #917fc3;
- --ifm-color-primary-darker: #8773bd;
- --ifm-color-primary-darkest: #6950aa;
- --ifm-color-primary-light: #bbafd9;
- --ifm-color-primary-lighter: #c5bbdf;
- --ifm-color-primary-lightest: #e4e0f0;
+ --primary-saturation: 35.9%;
+ --primary-lightness: 70%;
+
+ --ifm-color-primary-dark: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 63.1%
+ );
+
+ --ifm-color-primary-darker: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 59.6%
+ );
+
+ --ifm-color-primary-darkest: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 49%
+ );
+
+ --ifm-color-primary-light: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 76.9%
+ );
+ --ifm-color-primary-lighter: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 80.4%
+ );
+
+ --ifm-color-primary-lightest: hsl(
+ var(--primary-hue),
+ var(--primary-saturation),
+ 91%
+ );
+
+ --ifm-footer-background-color: #25292f;
--ifm-home-color-text: #f7f7ff;
--ifm-home-color-background: #414360;
--ifm-home-color-background-secondary: #585b82;
- --ifm-home-color-highlight: #9692ff;
+ --ifm-home-color-highlight: hsl(var(--primary-hue), 100%, 78.6%);
--ifm-home-color-border: #f7f7ff;
--docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.07);
+
+ --codeblock-background-color: #282a35;
+}
+
+h1 {
+ font-size: 2.618rem;
+ letter-spacing: -0.02em;
+ margin-top: 0;
+ margin-left: -0.09rem;
+}
+
+h2 {
+ font-size: 1.618rem;
+ letter-spacing: -0.02em;
+ margin-left: -0.09rem;
+}
+
+h3 {
+ font-size: 1.382rem;
+ letter-spacing: -0.01em;
+}
+
+h4 {
+ font-size: 1.145rem;
+}
+
+h5 {
+ font-size: 1rem;
+}
+
+h6 {
+ font-size: 0.85rem;
+}
+
+p {
+ font-size: 1rem;
+ line-height: 1.75;
+}
+
+@media (min-width: 90rem) {
+ .main-wrapper:not(.full-width),
+ .navbar__inner,
+ .footer .container {
+ max-width: 90rem;
+ margin: auto;
+ }
+}
+
+@media (min-width: 85rem) {
+ .main-wrapper:not(.full-width) main {
+ padding: 2rem 0 2rem 2rem;
+ }
+
+ .main-wrapper:not(.full-width) .container > .row > :first-child {
+ padding-right: 3rem;
+ }
+}
+
+@media (min-width: 95rem) {
+ .main-wrapper:not(.full-width) main {
+ padding: 3rem 0 3rem 4rem;
+ }
+
+ .main-wrapper:not(.full-width) .container > .row > :first-child {
+ padding-right: 5rem;
+ }
+}
+
+.footer {
+ border-top: 1px solid var(--ifm-toc-border-color);
+}
+
+.navbar {
+ padding: 0;
+}
+
+.navbar__inner {
+ padding: var(--ifm-navbar-padding-vertical)
+ var(--ifm-navbar-padding-horizontal);
+}
+
+.dropdown > .navbar__link:after {
+ top: 4px;
+ transform: rotate(90deg);
+ width: 10px;
+ height: 10px;
+ mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
+ no-repeat;
+ mask-size: 100% 100%;
+ background-color: currentColor;
+}
+
+.navbar div[class*='colorModeToggle'] {
+ margin: 0 0.5rem;
+}
+
+.navbar .DocSearch-Button {
+ border-radius: var(--ifm-global-radius);
+}
+
+.navbar .DocSearch-Button svg {
+ width: 16px;
+ height: 16px;
+}
+
+.navbar__logo {
+ margin-right: 0.75rem;
+}
+
+@media (min-width: 997px) {
+ .navbar__brand {
+ width: calc(
+ var(--doc-sidebar-width) - var(--ifm-navbar-padding-horizontal)
+ );
+ box-shadow: 1px 0 0 0 var(--ifm-toc-border-color);
+ }
+}
+
+@media (max-width: 996px) {
+ .navbar__inner .navbar__brand {
+ position: relative;
+ margin: auto;
+ left: -1rem;
+ }
+}
+
+.navbar__toggle svg {
+ display: none;
+}
+
+.navbar__toggle::after {
+ content: '';
+ width: 24px;
+ height: 24px;
+ mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")
+ no-repeat;
+ background-color: currentColor;
+}
+
+.navbar-social-link::before {
+ content: '';
+ display: flex;
+ background-color: var(--ifm-navbar-link-color);
+ transition: background-color var(--ifm-transition-fast)
+ var(--ifm-transition-timing-default);
+}
+
+.navbar-social-link:hover::before {
+ background-color: var(--ifm-navbar-link-hover-color);
+}
+
+.navbar-social-link-x::before {
+ width: 18px;
+ height: 18px;
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E");
+}
+
+.navbar-social-link-github::before {
+ width: 20px;
+ height: 20px;
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
}
.menu {
+ font-size: 93.75%;
font-weight: var(--ifm-font-weight-normal);
}
@@ -56,37 +309,276 @@
background: transparent;
}
+.menu > .menu__list > .menu__list-item > .menu__list {
+ padding-left: 0;
+}
+
+.menu > .menu__list > .menu__list-item {
+ position: relative;
+ padding-top: 0.5rem;
+ padding-bottom: 1rem;
+}
+
+.menu > .menu__list > .menu__list-item:not(:last-child)::after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0.5rem;
+ width: calc(100% - 1.5rem);
+ height: 1px;
+ background-color: var(--ifm-toc-border-color);
+}
+
+@media (min-width: 85rem) {
+ .menu > .menu__list > .menu__list-item {
+ padding-top: 1.5rem;
+ padding-bottom: 1.75rem;
+ }
+}
+
+.menu__list {
+ position: relative;
+}
+
+.menu__list .menu__list .menu__list-item-collapsible + .menu__list:before {
+ content: '';
+ position: absolute;
+ width: 1px;
+ height: 100%;
+ background-color: var(--ifm-toc-border-color);
+}
+
+.menu__list .menu__list .menu__list-item-collapsible + .menu__list > li {
+ margin-left: 5px;
+}
+
.menu__list-item-collapsible > .menu__link {
- font-weight: var(--ifm-font-weight-semibold);
+ font-weight: var(--ifm-font-weight-bold);
+ color: var(--ifm-color-emphasis-1000);
+}
+
+.menu__list-item-collapsible > .menu__link--active {
+ color: var(--ifm-color-emphasis-1000);
+}
+
+.menu__link {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
.menu__link--sublist-caret:after {
- background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
+ background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem;
+ opacity: 0.5;
}
-.docusaurus-highlight-code-line {
- background-color: rgb(72, 77, 91);
- display: block;
- margin: 0 calc(-1 * var(--ifm-pre-padding));
- padding: 0 var(--ifm-pre-padding);
+.pagination-nav__link {
+ border: none;
+}
+
+.pagination-nav__label::before,
+.pagination-nav__label::after {
+ display: none;
+}
+
+.pagination-nav__link--next .pagination-nav__sublabel::after {
+ content: ' →';
+}
+
+.pagination-nav__link--prev .pagination-nav__sublabel::before {
+ content: '← ';
+}
+
+.tabs {
+ font-weight: var(--ifm-font-weight-semibold);
+}
+
+.tabs__item {
+ border-bottom: 2px solid var(--ifm-toc-border-color);
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.tabs__item--active,
+.tabs__item--active:hover {
+ border-bottom-color: var(--ifm-tabs-color-active-border);
+}
+
+.tabs-container:has(
+ > .margin-top--md > [role='tabpanel'] > .theme-code-block:only-child
+ ):not(:has(> .margin-top--md > [role='tabpanel'] > :nth-child(2))) {
+ background-color: var(--codeblock-background-color);
+ border-radius: var(--ifm-code-border-radius);
+
+ & > .margin-top--md {
+ margin-top: 0 !important;
+ }
+
+ & > .tabs {
+ box-shadow: inset 0 -2px 0 var(--ifm-toc-border-color);
+ }
+
+ & > .tabs > .tabs__item {
+ border-top-right-radius: 0;
+ }
+
+ & > .tabs > .tabs__item:not(:first-child) {
+ border-top-left-radius: 0;
+ }
+}
+
+.col:has(.table-of-contents) {
+ padding-left: 0;
+}
+
+.table-of-contents__link--active {
+ position: relative;
+}
+
+.table-of-contents__link--active::before {
+ content: '';
+ position: absolute;
+ left: calc(-1rem - 1px);
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ background-color: var(--ifm-color-primary);
+}
+
+.table-of-contents > li > ul > li > .table-of-contents__link--active::before {
+ left: calc(-2rem - 1px);
}
-blockquote {
- background-color: rgba(226, 232, 125, 0.2);
- border-left: 5px solid rgba(226, 232, 125, 0.5);
+.theme-edit-this-page svg,
+.theme-admonition svg {
+ transform: scale(0.8);
}
-[data-theme='dark'] blockquote {
- background-color: #1c1c1c;
- border-left: 5px solid var(--ifm-color-primary);
+article {
+ text-wrap: pretty;
+}
+
+article img,
+article video {
+ vertical-align: top;
+ margin: var(--ifm-leading) 0;
+ border-radius: var(--ifm-pre-border-radius);
+ box-shadow:
+ 0 0 0 1px rgba(0, 0, 0, 0.05),
+ var(--ifm-global-shadow-lw);
+}
+
+article img {
+ max-width: 100%;
+}
+
+article video {
+ width: 300px;
+ height: auto;
+ max-width: 100%;
+}
+
+article video[data-landscape] {
+ width: auto;
+ height: 373px;
+}
+
+@media (max-width: 320px) {
+ article video,
+ article video[data-landscape] {
+ width: 100%;
+ height: auto;
+ }
+}
+
+article video:has(+ video) {
+ margin-right: var(--ifm-leading);
+}
+
+article p ~ video {
+ margin-top: 0;
}
samp {
display: none;
}
+.theme-code-block {
+ box-shadow: none !important;
+}
+
+.theme-code-block:has(+ .snack-sample-link) {
+ margin-bottom: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.theme-code-block + .snack-sample-link {
+ display: block;
+ font-size: var(--ifm-code-font-size);
+ text-align: right;
+ margin-top: 0;
+ margin-bottom: var(--ifm-leading);
+ padding: calc(var(--ifm-pre-padding) / 2) var(--ifm-pre-padding);
+ background-color: var(--codeblock-background-color);
+ border-top-width: 1px;
+ border-top-style: solid;
+ border-top-color: var(--ifm-color-gray-200);
+ border-bottom-left-radius: var(--ifm-pre-border-radius);
+ border-bottom-right-radius: var(--ifm-pre-border-radius);
+}
+
+[data-theme='dark'] .theme-code-block + .snack-sample-link {
+ border-top-color: rgba(255, 255, 255, 0.07);
+}
+
.snack-sample-link {
display: block;
margin-bottom: 25px;
margin-top: -8px;
}
+
+.snack-sample-link svg {
+ margin-left: 8px;
+}
+
+/**
+ * use magic comments to mark diff blocks
+ */
+.code-block-diff-add-line {
+ background-color: var(--ifm-color-success-contrast-background);
+ display: block;
+ margin: 0 -2em;
+ padding: 0 2em;
+}
+
+.code-block-diff-add-line::before {
+ position: absolute;
+ left: 8px;
+ padding-right: 8px;
+ content: '+';
+ color: var(--ifm-color-success-dark);
+}
+
+.code-block-diff-remove-line {
+ background-color: var(--ifm-color-danger-contrast-background);
+ display: block;
+ margin: 0 -2em;
+ padding: 0 2em;
+}
+
+.code-block-diff-remove-line::before {
+ position: absolute;
+ left: 8px;
+ padding-right: 8px;
+ content: '-';
+ color: var(--ifm-color-danger-dark);
+}
+
+pre code:has(.code-block-diff-add-line) {
+ padding-left: 2em !important;
+}
+
+pre code:has(.code-block-diff-remove-line) {
+ padding-left: 2em !important;
+}
diff --git a/src/data/sponsors.js b/src/data/sponsors.js
index d62d44fee37..84d0f91f24a 100644
--- a/src/data/sponsors.js
+++ b/src/data/sponsors.js
@@ -1,167 +1,78 @@
export default [
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/9664363?u=a4a9e93dc4305c91ced38b83d4c08186f7254b04&v=4",
- "username": "EvanBacon",
- "name": "Evan Bacon"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/360412?u=15e7b90eb91a3d2b410f7f47461862cb793398ff&v=4',
+ username: 'jyc',
+ name: null,
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/306134?v=4",
- "username": "wcandillon",
- "name": "William Candillon"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/1257695?u=e142a0ae6314aa8b462e664db429d926b31bf978&v=4',
+ username: 'karszawa',
+ name: 'Hiroaki KARASAWA',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/476779?v=4",
- "username": "Expensify",
- "name": "Expensify, Inc"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/1629785?u=f91613c118bb1fcf442a71008dff1cd5f9b30411&v=4',
+ username: 'JonnyBurger',
+ name: 'Jonny Burger',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/916690?u=66482eb2c5bb755553afbcfa219dcacc42fc487a&v=4",
- "username": "benevbright",
- "name": "Bright Lee"
+ avatarUrl: 'https://avatars.githubusercontent.com/u/2443340?v=4',
+ username: 'toyokumo',
+ name: 'TOYOKUMO',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/980234?u=59bb4c6ac0a23b53225bb2235b69c72a960ba83f&v=4",
- "username": "simoncar",
- "name": "Simoncar"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/4328772?u=c4e0fd72bd7cdb3751166c8ade8ef253e6f5ba67&v=4',
+ username: 'itsrifat',
+ name: 'Moinul Hossain',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/1057756?u=15c3cdff1c715ac27bbc63ccb8f0a1c27eeb3784&v=4",
- "username": "zhigang1992",
- "name": "Zhigang Fang"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/6936373?u=4edd14e6636c45d10ac6a3eecb4b3ffa6cc2bf5c&v=4',
+ username: 'Naturalclar',
+ name: 'Jesse Katsumata',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/1257695?u=e142a0ae6314aa8b462e664db429d926b31bf978&v=4",
- "username": "karszawa",
- "name": "Hiroaki KARASAWA"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/7029942?u=5eb1fed31f05fe97bcb07227268165c4028cc662&v=4',
+ username: 'radko93',
+ name: 'Radek Czemerys',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/1566403?u=3df07e2ae72e89a3a3509ba6c2f927115b5f38aa&v=4",
- "username": "vonovak",
- "name": "Vojtech Novak"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/7910545?u=95ae2c2a40b5f6f63f05fce29ee7c01622019c76&v=4',
+ username: 'UdaySravanK',
+ name: 'Uday Sravan K',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/1629785?u=12eb94da6070d00fc924761ce06e3a428d01b7e9&v=4",
- "username": "JonnyBurger",
- "name": "Jonny Burger"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/9664363?u=46ba6d5fbd29729df2950b845c9ca2cd085a1c2b&v=4',
+ username: 'EvanBacon',
+ name: 'Evan Bacon',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/1764217?u=f36737d852ffcc50b87e809474faa27eb2ce130a&v=4",
- "username": "markholland",
- "name": "Mark Holland"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/15199031?u=5a82dcb32237282ff576c0446567a1e2fe49b868&v=4',
+ username: 'mrousavy',
+ name: 'Marc Rousavy',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/3584560?u=f54bd481e956c6b3fe88a15f466ff9a3973e4b35&v=4",
- "username": "hetmann",
- "name": "Hetmann W. Iohan"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/23122214?u=7b3231a177e5d661d55b2cee88ea69e1713eb695&v=4',
+ username: 'sayurimizuguchi',
+ name: 'Sayuri Mizuguchi',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/4328772?u=c4e0fd72bd7cdb3751166c8ade8ef253e6f5ba67&v=4",
- "username": "itsrifat",
- "name": "Moinul Hossain"
+ avatarUrl:
+ 'https://avatars.githubusercontent.com/u/79333934?u=d18e4c6a4e063534d6fd7e77e0d51c367c91cfa0&v=4',
+ username: 'finanzguru',
+ name: 'Finanzguru',
},
{
- "avatarUrl": "https://avatars.githubusercontent.com/u/4376835?u=0cf5324a78dd4140ef71943048dedac328be68b9&v=4",
- "username": "lnmunhoz",
- "name": "Lucas N. Munhoz"
+ avatarUrl: 'https://avatars.githubusercontent.com/u/140319444?v=4',
+ username: 'jupli-apps',
+ name: 'Jupli',
},
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/5605177?v=4",
- "username": "Razorholt",
- "name": null
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/5967956?u=f7f5ed6b6b399c2953fd0e3be0512c378e9f76c4&v=4",
- "username": "codinsonn",
- "name": "Thorr Stevens"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/6457344?u=47e100289441b7f4681a7809202ff683886e4f5e&v=4",
- "username": "ryo-rm",
- "name": "ryo kishida"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/6936373?u=4edd14e6636c45d10ac6a3eecb4b3ffa6cc2bf5c&v=4",
- "username": "Naturalclar",
- "name": "Jesse Katsumata"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/7029942?u=5eb1fed31f05fe97bcb07227268165c4028cc662&v=4",
- "username": "radko93",
- "name": "Radek Czemerys"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/12504344?v=4",
- "username": "expo",
- "name": "Expo"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/13601619?v=4",
- "username": "itiden",
- "name": "Itiden"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/14099522?u=965e74751a9db0f40a30ace9cd0cb1f82eaf1412&v=4",
- "username": "aCanalez",
- "name": "Alexi Canales"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/15199031?u=46da50e88594eb284cf249485f202d5d43d474d1&v=4",
- "username": "mrousavy",
- "name": "Marc Rousavy"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/17621507?u=0ee7f26191d430f4fc0672cef92c2759d948bbb5&v=4",
- "username": "dsznajder",
- "name": "Damian Sznajder"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/21980965?u=5a571092a83cb71508c60a9c86ab2520fde8a68e&v=4",
- "username": "jarvisluong",
- "name": "Jarvis Luong"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/26326015?u=33a1afbe11e8f6b962c6267606d59c2b2ef94716&v=4",
- "username": "bang9",
- "name": "Hyungu Kang | Airen"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/27461460?u=b5860875e26d33fd70fd210f4ea74f81cdf9d99b&v=4",
- "username": "hyochan",
- "name": "Hyo"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/30735054?v=4",
- "username": "endearhq",
- "name": "Endear"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/33361399?u=6180514361e35ae42e2401431555c82cc63adda9&v=4",
- "username": "oliverloops",
- "name": "Oliver Lopez "
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/34658847?u=17fd3603d012d068c060039bcf009095055290a1&v=4",
- "username": "RatebSeirawan",
- "name": "Rateb Seirawan"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/36824170?u=6f56fa2998ffba6b5a3908c79e2ef9331bad502a&v=4",
- "username": "luism3861",
- "name": "Luis Medina Huerta"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/45317893?u=253e6eabcb23a5361e93a064914c9b8d136ac888&v=4",
- "username": "GandresCoello18",
- "name": "Andres Coello"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/46625943?u=63c9ed9017c34900df8b5ae2ed455ec4c82ef8aa&v=4",
- "username": "bowen9284",
- "name": "Matt Bowen"
- },
- {
- "avatarUrl": "https://avatars.githubusercontent.com/u/49920282?v=4",
- "username": "reactrondev",
- "name": "Reactron"
- }
-]
\ No newline at end of file
+];
diff --git a/src/pages/home/Footer.js b/src/pages/home/Footer.js
new file mode 100644
index 00000000000..133a2bb6de4
--- /dev/null
+++ b/src/pages/home/Footer.js
@@ -0,0 +1,30 @@
+import React from 'react';
+
+const links = [
+ { title: 'Docusaurus', href: 'https://docusaurus.io/' },
+ { title: 'GitHub Pages', href: 'https://pages.github.com/' },
+ { title: 'Netlify', href: 'https://www.netlify.com/' },
+];
+
+export default function Footer() {
+ return (
+
+ );
+}
diff --git a/src/pages/home/Splash/index.js b/src/pages/home/Splash/index.js
index 388331c6ec0..7310f105816 100644
--- a/src/pages/home/Splash/index.js
+++ b/src/pages/home/Splash/index.js
@@ -1,11 +1,10 @@
-import React from 'react';
-import useBaseUrl from '@docusaurus/useBaseUrl';
import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import React from 'react';
-import styles from './styles.module.css';
-import Spiro from '/img/spiro_header.svg';
import SplashLeftIllustration from './SplashLeftIllustration';
import SplashRightIllustration from './SplashRightIllustration';
+import styles from './styles.module.css';
export default function Splash() {
return (
@@ -13,24 +12,22 @@ export default function Splash() {
-
-
React Navigation
- Routing and navigation for Expo and React Native apps. + Routing and navigation for React Native and Web apps.
-
Read Docs
-
+
Try It
diff --git a/src/pages/home/Splash/styles.module.css b/src/pages/home/Splash/styles.module.css
index 94c9d6575e8..8cf912d1c3f 100644
--- a/src/pages/home/Splash/styles.module.css
+++ b/src/pages/home/Splash/styles.module.css
@@ -48,12 +48,6 @@
border-bottom-right-radius: 0.5rem;
}
-.spiroContainer {
- color: var(--ifm-home-color-background-secondary);
- position: absolute;
- z-index: 0;
-}
-
.mainContent {
position: relative;
}
@@ -62,12 +56,14 @@
font-size: 4.375rem;
color: var(--ifm-home-color-text);
font-weight: 900;
+ margin-bottom: 0;
}
.subText {
font-size: 1.5rem;
color: var(--ifm-home-color-text);
font-weight: 600;
+ margin-top: 0;
}
.buttonContainer {
diff --git a/src/pages/home/Sponsors/index.js b/src/pages/home/Sponsors/index.js
index 40c3bff4d8d..4bac27a7f4d 100644
--- a/src/pages/home/Sponsors/index.js
+++ b/src/pages/home/Sponsors/index.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
import sponsors from '../../../data/sponsors';
import styles from './styles.module.css';
@@ -8,15 +6,14 @@ export default function Sponsors() {
- React Navigation is built by Expo,{' '} - Software Mansion, and{' '} - Callstack, with contributions - from the{' '} + React Navigation relies on the support from the community. Thanks to{' '} + Software Mansion,{' '} + Callstack,{' '} + Expo, and our amazing{' '} - community + contributors {' '} - and{' '} - sponsors: + & sponsors:
{sponsors.map((sponsor) => (
diff --git a/src/pages/home/Sponsors/styles.module.css b/src/pages/home/Sponsors/styles.module.css
index d86b887a82f..5ef252564d5 100644
--- a/src/pages/home/Sponsors/styles.module.css
+++ b/src/pages/home/Sponsors/styles.module.css
@@ -1,5 +1,5 @@
.wrapper {
- background-color: var(--ifm-home-color-background);
+ background-color: var(--ifm-home-color-background-secondary);
display: flex;
align-items: center;
justify-content: center;
diff --git a/src/pages/index.js b/src/pages/index.js
index fc18c8b5089..9ad7899c428 100755
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,12 +1,10 @@
-import React from 'react';
-import Layout from '@theme/Layout';
-import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import sponsors from '../data/sponsors';
+import Layout from '@theme/Layout';
+import React from 'react';
-import Splash from './home/Splash';
import Features from './home/Features';
+import Footer from './home/Footer';
+import Splash from './home/Splash';
import Sponsors from './home/Sponsors';
const features = [
@@ -44,10 +42,15 @@ function Home() {
const { siteConfig = {} } = context;
return (
-
+
);
}
diff --git a/src/plugins/disable-fully-specified.mjs b/src/plugins/disable-fully-specified.mjs
new file mode 100644
index 00000000000..031a96df5ca
--- /dev/null
+++ b/src/plugins/disable-fully-specified.mjs
@@ -0,0 +1,19 @@
+export default function disableFullySpecified(context, options) {
+ return {
+ name: 'disable-fully-specified',
+ configureWebpack() {
+ return {
+ module: {
+ rules: [
+ {
+ test: /\.js$/,
+ resolve: {
+ fullySpecified: false,
+ },
+ },
+ ],
+ },
+ };
+ },
+ };
+}
diff --git a/src/plugins/react-navigation-versions.mjs b/src/plugins/react-navigation-versions.mjs
new file mode 100644
index 00000000000..7b3c257038a
--- /dev/null
+++ b/src/plugins/react-navigation-versions.mjs
@@ -0,0 +1,80 @@
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+
+const CACHE_DIR = join(
+ process.cwd(),
+ 'node_modules',
+ '.cache',
+ 'react-navigation-versions'
+);
+
+const query = async (name, tag) => {
+ const cached = join(CACHE_DIR, `${name}-${tag}.json`);
+
+ let pkg;
+
+ try {
+ pkg = await fetch(`https://registry.npmjs.org/${name}/${tag}`).then((res) =>
+ res.json()
+ );
+
+ await mkdir(dirname(cached), { recursive: true });
+ await writeFile(cached, JSON.stringify(pkg));
+ } catch (e) {
+ const data = await readFile(cached, 'utf-8');
+
+ pkg = JSON.parse(data);
+ }
+
+ return pkg;
+};
+
+export default function reactNavigationVersionsPlugin(context, options) {
+ return {
+ name: 'react-navigation-versions',
+ async contentLoaded({ content, actions }) {
+ const queries = {
+ '7.x': {
+ tag: 'latest',
+ packages: [
+ '@react-navigation/bottom-tabs',
+ '@react-navigation/core',
+ '@react-navigation/drawer',
+ '@react-navigation/elements',
+ '@react-navigation/material-top-tabs',
+ '@react-navigation/native-stack',
+ '@react-navigation/native',
+ '@react-navigation/routers',
+ '@react-navigation/stack',
+ 'react-native-drawer-layout',
+ 'react-native-tab-view',
+ ],
+ },
+ };
+
+ const versions = Object.fromEntries(
+ await Promise.all(
+ Object.entries(queries).map(async ([version, { tag, packages }]) => {
+ const items = await Promise.all(
+ packages.map(async (name) => {
+ const pkg = await query(name, tag);
+ const peers = Object.fromEntries(
+ Object.entries(pkg.peerDependencies || {}).map(([name]) => [
+ name,
+ '*',
+ ])
+ );
+
+ return [name, [pkg.version, peers]];
+ })
+ );
+
+ return [version, Object.fromEntries(items)];
+ })
+ )
+ );
+
+ actions.setGlobalData({ versions });
+ },
+ };
+}
diff --git a/src/plugins/rehype-codeblock-meta.mjs b/src/plugins/rehype-codeblock-meta.mjs
new file mode 100644
index 00000000000..1dac09d65c2
--- /dev/null
+++ b/src/plugins/rehype-codeblock-meta.mjs
@@ -0,0 +1,67 @@
+import { visit } from 'unist-util-visit';
+
+/**
+ * Plugin to process codeblock meta
+ *
+ * @param {{ match: { [key: string]: string }, element: JSX.ElementType }} options
+ */
+export default function rehypeCodeblockMeta(options) {
+ if (!options?.match) {
+ throw new Error('rehype-codeblock-meta: `match` option is required');
+ }
+
+ return (tree) => {
+ visit(tree, 'element', (node) => {
+ if (
+ node.tagName === 'pre' &&
+ node.children?.length === 1 &&
+ node.children[0].tagName === 'code'
+ ) {
+ const codeblock = node.children[0];
+ const meta = codeblock.data?.meta;
+
+ if (meta) {
+ let segments = [];
+
+ // Walk through meta string and split it into segments based on space unless it's inside quotes
+ for (let i = 0; i < meta.length; i++) {
+ let segment = '';
+ let quote = false;
+
+ for (; i < meta.length; i++) {
+ if (meta[i] === '"') {
+ quote = !quote;
+ } else if (meta[i] === ' ' && !quote) {
+ break;
+ }
+
+ segment += meta[i];
+ }
+
+ segments.push(segment);
+ }
+
+ const attributes = segments.reduce((acc, attribute) => {
+ const [key, value = 'true'] = attribute.split('=');
+
+ return Object.assign(acc, {
+ [`data-${key}`]: value.replace(/^"(.+(?="$))"$/, '$1'),
+ });
+ }, {});
+
+ if (
+ Object.entries(options.match).some(([key, value]) => {
+ if (value === true) {
+ return attributes[`data-${key}`];
+ } else {
+ return attributes[`data-${key}`] === value;
+ }
+ })
+ ) {
+ Object.assign(node.properties, attributes);
+ }
+ }
+ }
+ });
+ };
+}
diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js
new file mode 100644
index 00000000000..97cc95545ff
--- /dev/null
+++ b/src/theme/MDXComponents.js
@@ -0,0 +1,7 @@
+import MDXComponents from '@theme-original/MDXComponents';
+import Pre from '../components/Pre';
+
+export default {
+ ...MDXComponents,
+ pre: Pre,
+};
diff --git a/static/assets/7.x/bottom-tabs-fade.mp4 b/static/assets/7.x/bottom-tabs-fade.mp4
new file mode 100644
index 00000000000..07b261b2788
Binary files /dev/null and b/static/assets/7.x/bottom-tabs-fade.mp4 differ
diff --git a/static/assets/7.x/bottom-tabs-shift.mp4 b/static/assets/7.x/bottom-tabs-shift.mp4
new file mode 100644
index 00000000000..1a0cb301b86
Binary files /dev/null and b/static/assets/7.x/bottom-tabs-shift.mp4 differ
diff --git a/static/assets/7.x/bottom-tabs-side-compact.png b/static/assets/7.x/bottom-tabs-side-compact.png
new file mode 100644
index 00000000000..5217d8ac77d
Binary files /dev/null and b/static/assets/7.x/bottom-tabs-side-compact.png differ
diff --git a/static/assets/7.x/bottom-tabs-side-material.png b/static/assets/7.x/bottom-tabs-side-material.png
new file mode 100644
index 00000000000..9016f94cdfe
Binary files /dev/null and b/static/assets/7.x/bottom-tabs-side-material.png differ
diff --git a/static/assets/7.x/bottom-tabs-side.png b/static/assets/7.x/bottom-tabs-side.png
new file mode 100644
index 00000000000..9a0fdc7cac7
Binary files /dev/null and b/static/assets/7.x/bottom-tabs-side.png differ
diff --git a/static/assets/7.x/bottom-tabs.mp4 b/static/assets/7.x/bottom-tabs.mp4
new file mode 100644
index 00000000000..ed4d3992cdd
Binary files /dev/null and b/static/assets/7.x/bottom-tabs.mp4 differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarActiveTintColor.png b/static/assets/7.x/bottom-tabs/tabBarActiveTintColor.png
new file mode 100644
index 00000000000..e9b274fc92a
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarActiveTintColor.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarBackground.png b/static/assets/7.x/bottom-tabs/tabBarBackground.png
new file mode 100644
index 00000000000..650838f1468
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarBackground.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarBadge.png b/static/assets/7.x/bottom-tabs/tabBarBadge.png
new file mode 100644
index 00000000000..e04963dfbcb
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarBadge.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarBadgeStyle.png b/static/assets/7.x/bottom-tabs/tabBarBadgeStyle.png
new file mode 100644
index 00000000000..2b406d9c5e2
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarBadgeStyle.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarInactiveTintColor.png b/static/assets/7.x/bottom-tabs/tabBarInactiveTintColor.png
new file mode 100644
index 00000000000..b6c7aa3c22e
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarInactiveTintColor.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarLabelPosition-below.png b/static/assets/7.x/bottom-tabs/tabBarLabelPosition-below.png
new file mode 100644
index 00000000000..9b5924cd897
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarLabelPosition-below.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarLabelPosition-beside.png b/static/assets/7.x/bottom-tabs/tabBarLabelPosition-beside.png
new file mode 100644
index 00000000000..3be06ede805
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarLabelPosition-beside.png differ
diff --git a/static/assets/7.x/bottom-tabs/tabBarLabelStyle.png b/static/assets/7.x/bottom-tabs/tabBarLabelStyle.png
new file mode 100644
index 00000000000..74d7c3f848b
Binary files /dev/null and b/static/assets/7.x/bottom-tabs/tabBarLabelStyle.png differ
diff --git a/static/assets/7.x/devtool-logger.mp4 b/static/assets/7.x/devtool-logger.mp4
new file mode 100644
index 00000000000..7a6073f8b1c
Binary files /dev/null and b/static/assets/7.x/devtool-logger.mp4 differ
diff --git a/static/assets/7.x/drawer-layout.mp4 b/static/assets/7.x/drawer-layout.mp4
new file mode 100644
index 00000000000..ff076ec0045
Binary files /dev/null and b/static/assets/7.x/drawer-layout.mp4 differ
diff --git a/static/assets/7.x/drawer.mp4 b/static/assets/7.x/drawer.mp4
new file mode 100644
index 00000000000..5277da8d162
Binary files /dev/null and b/static/assets/7.x/drawer.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerActiveBackgroundColor.png b/static/assets/7.x/drawer/drawerActiveBackgroundColor.png
new file mode 100644
index 00000000000..3340babed15
Binary files /dev/null and b/static/assets/7.x/drawer/drawerActiveBackgroundColor.png differ
diff --git a/static/assets/7.x/drawer/drawerActiveTintColor.png b/static/assets/7.x/drawer/drawerActiveTintColor.png
new file mode 100644
index 00000000000..5ebfb044b12
Binary files /dev/null and b/static/assets/7.x/drawer/drawerActiveTintColor.png differ
diff --git a/static/assets/7.x/drawer/drawerItemStyle.png b/static/assets/7.x/drawer/drawerItemStyle.png
new file mode 100644
index 00000000000..72a239d365d
Binary files /dev/null and b/static/assets/7.x/drawer/drawerItemStyle.png differ
diff --git a/static/assets/7.x/drawer/drawerLabelStyle.png b/static/assets/7.x/drawer/drawerLabelStyle.png
new file mode 100644
index 00000000000..cbe5531ed8b
Binary files /dev/null and b/static/assets/7.x/drawer/drawerLabelStyle.png differ
diff --git a/static/assets/7.x/drawer/drawerStatusBarAnimation-fade.mp4 b/static/assets/7.x/drawer/drawerStatusBarAnimation-fade.mp4
new file mode 100644
index 00000000000..4945278107f
Binary files /dev/null and b/static/assets/7.x/drawer/drawerStatusBarAnimation-fade.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerStatusBarAnimation-slide.mp4 b/static/assets/7.x/drawer/drawerStatusBarAnimation-slide.mp4
new file mode 100644
index 00000000000..c26696e06dc
Binary files /dev/null and b/static/assets/7.x/drawer/drawerStatusBarAnimation-slide.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerStyle.png b/static/assets/7.x/drawer/drawerStyle.png
new file mode 100644
index 00000000000..6a0f1de808a
Binary files /dev/null and b/static/assets/7.x/drawer/drawerStyle.png differ
diff --git a/static/assets/7.x/drawer/drawerType-back.mp4 b/static/assets/7.x/drawer/drawerType-back.mp4
new file mode 100644
index 00000000000..e4a6b03922b
Binary files /dev/null and b/static/assets/7.x/drawer/drawerType-back.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerType-front.mp4 b/static/assets/7.x/drawer/drawerType-front.mp4
new file mode 100644
index 00000000000..3dcf3f70e0b
Binary files /dev/null and b/static/assets/7.x/drawer/drawerType-front.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerType-masterDetail.mp4 b/static/assets/7.x/drawer/drawerType-masterDetail.mp4
new file mode 100644
index 00000000000..0fa4718b9a9
Binary files /dev/null and b/static/assets/7.x/drawer/drawerType-masterDetail.mp4 differ
diff --git a/static/assets/7.x/drawer/drawerType-slide.mp4 b/static/assets/7.x/drawer/drawerType-slide.mp4
new file mode 100644
index 00000000000..02975a99f28
Binary files /dev/null and b/static/assets/7.x/drawer/drawerType-slide.mp4 differ
diff --git a/static/assets/7.x/drawer/overlayColor.mp4 b/static/assets/7.x/drawer/overlayColor.mp4
new file mode 100644
index 00000000000..7d58fa28b13
Binary files /dev/null and b/static/assets/7.x/drawer/overlayColor.mp4 differ
diff --git a/static/assets/7.x/material-top-tabs.mp4 b/static/assets/7.x/material-top-tabs.mp4
new file mode 100644
index 00000000000..5717c365909
Binary files /dev/null and b/static/assets/7.x/material-top-tabs.mp4 differ
diff --git a/static/assets/7.x/native-bottom-tabs-android.mp4 b/static/assets/7.x/native-bottom-tabs-android.mp4
new file mode 100644
index 00000000000..4c65cf2105c
Binary files /dev/null and b/static/assets/7.x/native-bottom-tabs-android.mp4 differ
diff --git a/static/assets/7.x/native-bottom-tabs-ios-minimize.mp4 b/static/assets/7.x/native-bottom-tabs-ios-minimize.mp4
new file mode 100644
index 00000000000..2460652d08b
Binary files /dev/null and b/static/assets/7.x/native-bottom-tabs-ios-minimize.mp4 differ
diff --git a/static/assets/7.x/native-bottom-tabs-ios-search.mp4 b/static/assets/7.x/native-bottom-tabs-ios-search.mp4
new file mode 100644
index 00000000000..e3892bde2f3
Binary files /dev/null and b/static/assets/7.x/native-bottom-tabs-ios-search.mp4 differ
diff --git a/static/assets/7.x/native-bottom-tabs-ios.mp4 b/static/assets/7.x/native-bottom-tabs-ios.mp4
new file mode 100644
index 00000000000..29f928e9779
Binary files /dev/null and b/static/assets/7.x/native-bottom-tabs-ios.mp4 differ
diff --git a/static/assets/7.x/native-stack-android.mp4 b/static/assets/7.x/native-stack-android.mp4
new file mode 100644
index 00000000000..7483dcd8f81
Binary files /dev/null and b/static/assets/7.x/native-stack-android.mp4 differ
diff --git a/static/assets/7.x/native-stack-ios.mp4 b/static/assets/7.x/native-stack-ios.mp4
new file mode 100644
index 00000000000..2eb1e2f4946
Binary files /dev/null and b/static/assets/7.x/native-stack-ios.mp4 differ
diff --git a/static/assets/7.x/native-stack/animationTypeForReplace-pop.mp4 b/static/assets/7.x/native-stack/animationTypeForReplace-pop.mp4
new file mode 100644
index 00000000000..eff41148ce0
Binary files /dev/null and b/static/assets/7.x/native-stack/animationTypeForReplace-pop.mp4 differ
diff --git a/static/assets/7.x/native-stack/animationTypeForReplace-push.mp4 b/static/assets/7.x/native-stack/animationTypeForReplace-push.mp4
new file mode 100644
index 00000000000..dc8a3488cd5
Binary files /dev/null and b/static/assets/7.x/native-stack/animationTypeForReplace-push.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetAllowedDetents.mp4 b/static/assets/7.x/native-stack/formSheet-sheetAllowedDetents.mp4
new file mode 100644
index 00000000000..25059f143c9
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetAllowedDetents.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetCornerRadius.mp4 b/static/assets/7.x/native-stack/formSheet-sheetCornerRadius.mp4
new file mode 100644
index 00000000000..6ebe5929e0e
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetCornerRadius.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetElevation.mp4 b/static/assets/7.x/native-stack/formSheet-sheetElevation.mp4
new file mode 100644
index 00000000000..a9d80dcde30
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetElevation.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetExpandsWhenScrolledToEdge.mp4 b/static/assets/7.x/native-stack/formSheet-sheetExpandsWhenScrolledToEdge.mp4
new file mode 100644
index 00000000000..2da3d6a74fa
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetExpandsWhenScrolledToEdge.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetGrabberVisible.mp4 b/static/assets/7.x/native-stack/formSheet-sheetGrabberVisible.mp4
new file mode 100644
index 00000000000..4d0c331cf23
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetGrabberVisible.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetInitialDetentIndex.mp4 b/static/assets/7.x/native-stack/formSheet-sheetInitialDetentIndex.mp4
new file mode 100644
index 00000000000..2484f912240
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetInitialDetentIndex.mp4 differ
diff --git a/static/assets/7.x/native-stack/formSheet-sheetLargestUndimmedDetentIndex.mp4 b/static/assets/7.x/native-stack/formSheet-sheetLargestUndimmedDetentIndex.mp4
new file mode 100644
index 00000000000..f7eb0cb7fee
Binary files /dev/null and b/static/assets/7.x/native-stack/formSheet-sheetLargestUndimmedDetentIndex.mp4 differ
diff --git a/static/assets/7.x/native-stack/headerBackButtonMenuEnabled.png b/static/assets/7.x/native-stack/headerBackButtonMenuEnabled.png
new file mode 100644
index 00000000000..4cc9e794ab0
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBackButtonMenuEnabled.png differ
diff --git a/static/assets/7.x/native-stack/headerBackTitle.jpeg b/static/assets/7.x/native-stack/headerBackTitle.jpeg
new file mode 100644
index 00000000000..587996408bd
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBackTitle.jpeg differ
diff --git a/static/assets/7.x/native-stack/headerBackTitleStyle.png b/static/assets/7.x/native-stack/headerBackTitleStyle.png
new file mode 100644
index 00000000000..2b83888656c
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBackTitleStyle.png differ
diff --git a/static/assets/7.x/native-stack/headerBackground.png b/static/assets/7.x/native-stack/headerBackground.png
new file mode 100644
index 00000000000..bd601236d1e
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBackground.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-dark.png b/static/assets/7.x/native-stack/headerBlurEffect-dark.png
new file mode 100644
index 00000000000..88da21ccbee
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-dark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-light.png b/static/assets/7.x/native-stack/headerBlurEffect-light.png
new file mode 100644
index 00000000000..05293d0a790
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-light.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-prominent.png b/static/assets/7.x/native-stack/headerBlurEffect-prominent.png
new file mode 100644
index 00000000000..c6049585f97
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-prominent.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-regular.png b/static/assets/7.x/native-stack/headerBlurEffect-regular.png
new file mode 100644
index 00000000000..8c1891ec75f
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-regular.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterial.png b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterial.png
new file mode 100644
index 00000000000..3da2f20198b
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterial.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialDark.png b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialDark.png
new file mode 100644
index 00000000000..624ab4660b2
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialDark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialLight.png b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialLight.png
new file mode 100644
index 00000000000..1ecca6cba51
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemChromeMaterialLight.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemMaterial.png b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterial.png
new file mode 100644
index 00000000000..08dcb1a85b1
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterial.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialDark.png b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialDark.png
new file mode 100644
index 00000000000..ea4bde41fcb
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialDark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialLight.png b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialLight.png
new file mode 100644
index 00000000000..1210fce73d8
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemMaterialLight.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterial.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterial.png
new file mode 100644
index 00000000000..e22a48720c7
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterial.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialDark.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialDark.png
new file mode 100644
index 00000000000..71f4ffc18bf
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialDark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialLight.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialLight.png
new file mode 100644
index 00000000000..47dcdcdee5d
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThickMaterialLight.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterial.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterial.png
new file mode 100644
index 00000000000..e43196b4f88
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterial.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialDark.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialDark.png
new file mode 100644
index 00000000000..e041329c81e
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialDark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialLight.png b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialLight.png
new file mode 100644
index 00000000000..a935bca521e
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemThinMaterialLight.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterial.png b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterial.png
new file mode 100644
index 00000000000..b525154609d
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterial.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialDark.png b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialDark.png
new file mode 100644
index 00000000000..5960598b817
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialDark.png differ
diff --git a/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialLight.png b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialLight.png
new file mode 100644
index 00000000000..bfe19277db7
Binary files /dev/null and b/static/assets/7.x/native-stack/headerBlurEffect-systemUltraThinMaterialLight.png differ
diff --git a/static/assets/7.x/native-stack/headerLargeStyle.mp4 b/static/assets/7.x/native-stack/headerLargeStyle.mp4
new file mode 100644
index 00000000000..9ff39788224
Binary files /dev/null and b/static/assets/7.x/native-stack/headerLargeStyle.mp4 differ
diff --git a/static/assets/7.x/native-stack/headerLargeTitle.mp4 b/static/assets/7.x/native-stack/headerLargeTitle.mp4
new file mode 100644
index 00000000000..a33e31cc5de
Binary files /dev/null and b/static/assets/7.x/native-stack/headerLargeTitle.mp4 differ
diff --git a/static/assets/7.x/native-stack/headerLargeTitleStyle.png b/static/assets/7.x/native-stack/headerLargeTitleStyle.png
new file mode 100644
index 00000000000..4722cb6c719
Binary files /dev/null and b/static/assets/7.x/native-stack/headerLargeTitleStyle.png differ
diff --git a/static/assets/7.x/native-stack/headerLeft.png b/static/assets/7.x/native-stack/headerLeft.png
new file mode 100644
index 00000000000..d46e1cc63cb
Binary files /dev/null and b/static/assets/7.x/native-stack/headerLeft.png differ
diff --git a/static/assets/7.x/native-stack/headerRight.png b/static/assets/7.x/native-stack/headerRight.png
new file mode 100644
index 00000000000..49af6766bdf
Binary files /dev/null and b/static/assets/7.x/native-stack/headerRight.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png
new file mode 100644
index 00000000000..2aedbec7805
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png
new file mode 100644
index 00000000000..85b31a7d766
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png
new file mode 100644
index 00000000000..cbeacc6c3ac
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png
new file mode 100644
index 00000000000..f1f7cd2a4ba
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png
new file mode 100644
index 00000000000..0f9a84bce27
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png differ
diff --git a/static/assets/7.x/native-stack/headerShadowVisible-Android.png b/static/assets/7.x/native-stack/headerShadowVisible-Android.png
new file mode 100644
index 00000000000..c2c9429f282
Binary files /dev/null and b/static/assets/7.x/native-stack/headerShadowVisible-Android.png differ
diff --git a/static/assets/7.x/native-stack/headerShadowVisible-iOS.png b/static/assets/7.x/native-stack/headerShadowVisible-iOS.png
new file mode 100644
index 00000000000..ebbfe7c8667
Binary files /dev/null and b/static/assets/7.x/native-stack/headerShadowVisible-iOS.png differ
diff --git a/static/assets/7.x/native-stack/headerStyle.mp4 b/static/assets/7.x/native-stack/headerStyle.mp4
new file mode 100644
index 00000000000..1723abc731a
Binary files /dev/null and b/static/assets/7.x/native-stack/headerStyle.mp4 differ
diff --git a/static/assets/7.x/native-stack/headerTintColor.png b/static/assets/7.x/native-stack/headerTintColor.png
new file mode 100644
index 00000000000..7044179f71f
Binary files /dev/null and b/static/assets/7.x/native-stack/headerTintColor.png differ
diff --git a/static/assets/7.x/native-stack/headerTitleAlign-center.png b/static/assets/7.x/native-stack/headerTitleAlign-center.png
new file mode 100644
index 00000000000..36da4a8204e
Binary files /dev/null and b/static/assets/7.x/native-stack/headerTitleAlign-center.png differ
diff --git a/static/assets/7.x/native-stack/headerTitleAlign-left.png b/static/assets/7.x/native-stack/headerTitleAlign-left.png
new file mode 100644
index 00000000000..50d4e6c7ab8
Binary files /dev/null and b/static/assets/7.x/native-stack/headerTitleAlign-left.png differ
diff --git a/static/assets/7.x/native-stack/headerTitleStyle.png b/static/assets/7.x/native-stack/headerTitleStyle.png
new file mode 100644
index 00000000000..edf0ceb27c5
Binary files /dev/null and b/static/assets/7.x/native-stack/headerTitleStyle.png differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-default.mp4 b/static/assets/7.x/native-stack/native-stack-animation-default.mp4
new file mode 100644
index 00000000000..97297b0ef81
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-default.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-fade-from-bottom.mp4 b/static/assets/7.x/native-stack/native-stack-animation-fade-from-bottom.mp4
new file mode 100644
index 00000000000..cec56aa0a66
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-fade-from-bottom.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-fade.mp4 b/static/assets/7.x/native-stack/native-stack-animation-fade.mp4
new file mode 100644
index 00000000000..f87cb6159a8
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-fade.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-flip.mp4 b/static/assets/7.x/native-stack/native-stack-animation-flip.mp4
new file mode 100644
index 00000000000..bd459c0ccee
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-flip.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-none.mp4 b/static/assets/7.x/native-stack/native-stack-animation-none.mp4
new file mode 100644
index 00000000000..c4768eda32a
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-none.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-simple-push.mp4 b/static/assets/7.x/native-stack/native-stack-animation-simple-push.mp4
new file mode 100644
index 00000000000..89036741ec8
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-simple-push.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-slide-from-bottom.mp4 b/static/assets/7.x/native-stack/native-stack-animation-slide-from-bottom.mp4
new file mode 100644
index 00000000000..4ecdefef5e9
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-slide-from-bottom.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-slide-from-left.mp4 b/static/assets/7.x/native-stack/native-stack-animation-slide-from-left.mp4
new file mode 100644
index 00000000000..2af3b9bf4e4
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-slide-from-left.mp4 differ
diff --git a/static/assets/7.x/native-stack/native-stack-animation-slide-from-right.mp4 b/static/assets/7.x/native-stack/native-stack-animation-slide-from-right.mp4
new file mode 100644
index 00000000000..6184037ed99
Binary files /dev/null and b/static/assets/7.x/native-stack/native-stack-animation-slide-from-right.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-card.mp4 b/static/assets/7.x/native-stack/presentation-card.mp4
new file mode 100644
index 00000000000..4040ea8487c
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-card.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-containedModal.mp4 b/static/assets/7.x/native-stack/presentation-containedModal.mp4
new file mode 100644
index 00000000000..0cb4cba351d
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-containedModal.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-containedTransparentModal.mp4 b/static/assets/7.x/native-stack/presentation-containedTransparentModal.mp4
new file mode 100644
index 00000000000..3495fe32296
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-containedTransparentModal.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-formSheet-android.mp4 b/static/assets/7.x/native-stack/presentation-formSheet-android.mp4
new file mode 100644
index 00000000000..966bff508c7
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-formSheet-android.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-formSheet-ios.mp4 b/static/assets/7.x/native-stack/presentation-formSheet-ios.mp4
new file mode 100644
index 00000000000..89fca9b830e
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-formSheet-ios.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-fullScreenModal.mp4 b/static/assets/7.x/native-stack/presentation-fullScreenModal.mp4
new file mode 100644
index 00000000000..1b0262072d2
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-fullScreenModal.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-modal.mp4 b/static/assets/7.x/native-stack/presentation-modal.mp4
new file mode 100644
index 00000000000..58ba8739e04
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-modal.mp4 differ
diff --git a/static/assets/7.x/native-stack/presentation-transparentModal.mp4 b/static/assets/7.x/native-stack/presentation-transparentModal.mp4
new file mode 100644
index 00000000000..49ee088dacd
Binary files /dev/null and b/static/assets/7.x/native-stack/presentation-transparentModal.mp4 differ
diff --git a/static/assets/7.x/stack-android.mp4 b/static/assets/7.x/stack-android.mp4
new file mode 100644
index 00000000000..25cb6e78c04
Binary files /dev/null and b/static/assets/7.x/stack-android.mp4 differ
diff --git a/static/assets/7.x/stack-ios.mp4 b/static/assets/7.x/stack-ios.mp4
new file mode 100644
index 00000000000..63a81e742ce
Binary files /dev/null and b/static/assets/7.x/stack-ios.mp4 differ
diff --git a/static/assets/7.x/tab-view.mp4 b/static/assets/7.x/tab-view.mp4
new file mode 100644
index 00000000000..6e798feee7c
Binary files /dev/null and b/static/assets/7.x/tab-view.mp4 differ
diff --git a/static/assets/behavior/prevent-closing.mp4 b/static/assets/behavior/prevent-closing.mp4
new file mode 100644
index 00000000000..1119c57a7ea
Binary files /dev/null and b/static/assets/behavior/prevent-closing.mp4 differ
diff --git a/static/assets/blog/7.x/bottom-tabs-sidebar.png b/static/assets/blog/7.x/bottom-tabs-sidebar.png
new file mode 100644
index 00000000000..6a92f832993
Binary files /dev/null and b/static/assets/blog/7.x/bottom-tabs-sidebar.png differ
diff --git a/static/assets/blog/native-bottom-tabs/android.png b/static/assets/blog/native-bottom-tabs/android.png
new file mode 100644
index 00000000000..8ac1fcb0bc1
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/android.png differ
diff --git a/static/assets/blog/native-bottom-tabs/ios.png b/static/assets/blog/native-bottom-tabs/ios.png
new file mode 100644
index 00000000000..78792f1b4bc
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/ios.png differ
diff --git a/static/assets/blog/native-bottom-tabs/ipados.png b/static/assets/blog/native-bottom-tabs/ipados.png
new file mode 100644
index 00000000000..5804af44bfc
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/ipados.png differ
diff --git a/static/assets/blog/native-bottom-tabs/macos.png b/static/assets/blog/native-bottom-tabs/macos.png
new file mode 100644
index 00000000000..cb704aa3c7e
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/macos.png differ
diff --git a/static/assets/blog/native-bottom-tabs/result.png b/static/assets/blog/native-bottom-tabs/result.png
new file mode 100644
index 00000000000..dd62cdbc222
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/result.png differ
diff --git a/static/assets/blog/native-bottom-tabs/tvos.png b/static/assets/blog/native-bottom-tabs/tvos.png
new file mode 100644
index 00000000000..45e3840b5d8
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/tvos.png differ
diff --git a/static/assets/blog/native-bottom-tabs/visionos.png b/static/assets/blog/native-bottom-tabs/visionos.png
new file mode 100644
index 00000000000..4660c2769bb
Binary files /dev/null and b/static/assets/blog/native-bottom-tabs/visionos.png differ
diff --git a/static/assets/deep-linking/xcode-linking.png b/static/assets/deep-linking/xcode-linking.png
old mode 100755
new mode 100644
index 9f5170bf9a0..2cea12f4854
Binary files a/static/assets/deep-linking/xcode-linking.png and b/static/assets/deep-linking/xcode-linking.png differ
diff --git a/static/assets/header-items/header-items-menu.png b/static/assets/header-items/header-items-menu.png
new file mode 100644
index 00000000000..c900fdb84f7
Binary files /dev/null and b/static/assets/header-items/header-items-menu.png differ
diff --git a/static/assets/header-items/header-items.png b/static/assets/header-items/header-items.png
new file mode 100644
index 00000000000..cb7430b9128
Binary files /dev/null and b/static/assets/header-items/header-items.png differ
diff --git a/static/assets/headers/custom_headers.png b/static/assets/headers/custom_headers.png
old mode 100755
new mode 100644
index c84325e4277..6d25b50eabe
Binary files a/static/assets/headers/custom_headers.png and b/static/assets/headers/custom_headers.png differ
diff --git a/static/assets/headers/header-back-custom.png b/static/assets/headers/header-back-custom.png
new file mode 100644
index 00000000000..377815032ce
Binary files /dev/null and b/static/assets/headers/header-back-custom.png differ
diff --git a/static/assets/headers/header-button.png b/static/assets/headers/header-button.png
new file mode 100644
index 00000000000..d1daf406f34
Binary files /dev/null and b/static/assets/headers/header-button.png differ
diff --git a/static/assets/headers/header-custom-title.png b/static/assets/headers/header-custom-title.png
new file mode 100644
index 00000000000..b2b1bbfdff0
Binary files /dev/null and b/static/assets/headers/header-custom-title.png differ
diff --git a/static/assets/headers/header-title.png b/static/assets/headers/header-title.png
new file mode 100644
index 00000000000..69b493cc97e
Binary files /dev/null and b/static/assets/headers/header-title.png differ
diff --git a/static/assets/headers/header-update-screen.mp4 b/static/assets/headers/header-update-screen.mp4
new file mode 100644
index 00000000000..24be186692e
Binary files /dev/null and b/static/assets/headers/header-update-screen.mp4 differ
diff --git a/static/assets/modal/modal.mp4 b/static/assets/modal/modal.mp4
new file mode 100644
index 00000000000..d5ed7d46466
Binary files /dev/null and b/static/assets/modal/modal.mp4 differ
diff --git a/static/assets/navigators/drawer/drawer-multiple.mp4 b/static/assets/navigators/drawer/drawer-multiple.mp4
new file mode 100644
index 00000000000..a6481747b5b
Binary files /dev/null and b/static/assets/navigators/drawer/drawer-multiple.mp4 differ
diff --git a/static/assets/navigators/drawer/drawer.mov b/static/assets/navigators/drawer/drawer.mov
deleted file mode 100755
index 7776f2081e1..00000000000
Binary files a/static/assets/navigators/drawer/drawer.mov and /dev/null differ
diff --git a/static/assets/navigators/drawer/drawer.mp4 b/static/assets/navigators/drawer/drawer.mp4
new file mode 100644
index 00000000000..86a7ce88864
Binary files /dev/null and b/static/assets/navigators/drawer/drawer.mp4 differ
diff --git a/static/assets/navigators/lifecycle-focus.mp4 b/static/assets/navigators/lifecycle-focus.mp4
new file mode 100644
index 00000000000..3654a75dc07
Binary files /dev/null and b/static/assets/navigators/lifecycle-focus.mp4 differ
diff --git a/static/assets/navigators/lifecycle.mp4 b/static/assets/navigators/lifecycle.mp4
new file mode 100644
index 00000000000..5ea76a7a63c
Binary files /dev/null and b/static/assets/navigators/lifecycle.mp4 differ
diff --git a/static/assets/navigators/params-to-parent.mp4 b/static/assets/navigators/params-to-parent.mp4
new file mode 100644
index 00000000000..d293b461cb0
Binary files /dev/null and b/static/assets/navigators/params-to-parent.mp4 differ
diff --git a/static/assets/navigators/passing-params.mp4 b/static/assets/navigators/passing-params.mp4
new file mode 100644
index 00000000000..dd90a99cf68
Binary files /dev/null and b/static/assets/navigators/passing-params.mp4 differ
diff --git a/static/assets/navigators/stack/back-home.mp4 b/static/assets/navigators/stack/back-home.mp4
new file mode 100644
index 00000000000..1d41c4503df
Binary files /dev/null and b/static/assets/navigators/stack/back-home.mp4 differ
diff --git a/static/assets/navigators/stack/basic_stack_nav.png b/static/assets/navigators/stack/basic_stack_nav.png
old mode 100755
new mode 100644
index bd11efec40a..bdc1fac5bed
Binary files a/static/assets/navigators/stack/basic_stack_nav.png and b/static/assets/navigators/stack/basic_stack_nav.png differ
diff --git a/static/assets/navigators/stack/pop-to-top.mp4 b/static/assets/navigators/stack/pop-to-top.mp4
new file mode 100644
index 00000000000..98efee4af53
Binary files /dev/null and b/static/assets/navigators/stack/pop-to-top.mp4 differ
diff --git a/static/assets/navigators/stack/simple-details.mp4 b/static/assets/navigators/stack/simple-details.mp4
new file mode 100644
index 00000000000..df6d42c4f1c
Binary files /dev/null and b/static/assets/navigators/stack/simple-details.mp4 differ
diff --git a/static/assets/navigators/stack/stack-push.mov b/static/assets/navigators/stack/stack-push.mov
deleted file mode 100755
index 524c58d212e..00000000000
Binary files a/static/assets/navigators/stack/stack-push.mov and /dev/null differ
diff --git a/static/assets/navigators/stack/stack-push.mp4 b/static/assets/navigators/stack/stack-push.mp4
new file mode 100644
index 00000000000..ad8561408c2
Binary files /dev/null and b/static/assets/navigators/stack/stack-push.mp4 differ
diff --git a/static/assets/navigators/stack/stack.mov b/static/assets/navigators/stack/stack.mov
deleted file mode 100755
index c1794be27fe..00000000000
Binary files a/static/assets/navigators/stack/stack.mov and /dev/null differ
diff --git a/static/assets/navigators/stack/stack.mp4 b/static/assets/navigators/stack/stack.mp4
new file mode 100644
index 00000000000..0d068e382e1
Binary files /dev/null and b/static/assets/navigators/stack/stack.mp4 differ
diff --git a/static/assets/navigators/tabs/bottom-tabs-demo.mov b/static/assets/navigators/tabs/bottom-tabs-demo.mov
deleted file mode 100755
index edc9651129e..00000000000
Binary files a/static/assets/navigators/tabs/bottom-tabs-demo.mov and /dev/null differ
diff --git a/static/assets/navigators/tabs/bottom-tabs-demo.mp4 b/static/assets/navigators/tabs/bottom-tabs-demo.mp4
new file mode 100644
index 00000000000..1dc48d6e17f
Binary files /dev/null and b/static/assets/navigators/tabs/bottom-tabs-demo.mp4 differ
diff --git a/static/assets/navigators/tabs/material-top-tabs.mov b/static/assets/navigators/tabs/material-top-tabs.mov
deleted file mode 100755
index 9df25117a98..00000000000
Binary files a/static/assets/navigators/tabs/material-top-tabs.mov and /dev/null differ
diff --git a/static/assets/navigators/tabs/material-top-tabs.mp4 b/static/assets/navigators/tabs/material-top-tabs.mp4
new file mode 100644
index 00000000000..237c59a88b7
Binary files /dev/null and b/static/assets/navigators/tabs/material-top-tabs.mp4 differ
diff --git a/static/assets/navigators/tabs/tabs-badges.png b/static/assets/navigators/tabs/tabs-badges.png
old mode 100755
new mode 100644
index c7774ac97b7..f2f3fbeb333
Binary files a/static/assets/navigators/tabs/tabs-badges.png and b/static/assets/navigators/tabs/tabs-badges.png differ
diff --git a/static/assets/navigators/tabs/tabs-minimal.png b/static/assets/navigators/tabs/tabs-minimal.png
new file mode 100644
index 00000000000..4195269c5ac
Binary files /dev/null and b/static/assets/navigators/tabs/tabs-minimal.png differ
diff --git a/static/assets/navigators/tabs/tabs-navigate.mp4 b/static/assets/navigators/tabs/tabs-navigate.mp4
new file mode 100644
index 00000000000..4e8cb65ae5f
Binary files /dev/null and b/static/assets/navigators/tabs/tabs-navigate.mp4 differ
diff --git a/static/assets/navigators/tabs/tabs-with-stack.mp4 b/static/assets/navigators/tabs/tabs-with-stack.mp4
new file mode 100644
index 00000000000..770a78d613e
Binary files /dev/null and b/static/assets/navigators/tabs/tabs-with-stack.mp4 differ
diff --git a/static/assets/statusbar/status-drawer-android.mp4 b/static/assets/statusbar/status-drawer-android.mp4
new file mode 100644
index 00000000000..35c6d2ae905
Binary files /dev/null and b/static/assets/statusbar/status-drawer-android.mp4 differ
diff --git a/static/assets/statusbar/status-drawer-ios.mp4 b/static/assets/statusbar/status-drawer-ios.mp4
new file mode 100644
index 00000000000..10ef8020380
Binary files /dev/null and b/static/assets/statusbar/status-drawer-ios.mp4 differ
diff --git a/static/assets/statusbar/status-stack-android.mp4 b/static/assets/statusbar/status-stack-android.mp4
new file mode 100644
index 00000000000..0e6bbae25fb
Binary files /dev/null and b/static/assets/statusbar/status-stack-android.mp4 differ
diff --git a/static/assets/statusbar/status-stack-ios.mp4 b/static/assets/statusbar/status-stack-ios.mp4
new file mode 100644
index 00000000000..f575ee930c4
Binary files /dev/null and b/static/assets/statusbar/status-stack-ios.mp4 differ
diff --git a/static/assets/statusbar/status-tab-android.mp4 b/static/assets/statusbar/status-tab-android.mp4
new file mode 100644
index 00000000000..23d65d44642
Binary files /dev/null and b/static/assets/statusbar/status-tab-android.mp4 differ
diff --git a/static/assets/statusbar/status-tab-ios.mp4 b/static/assets/statusbar/status-tab-ios.mp4
new file mode 100644
index 00000000000..4caeb8cf3ad
Binary files /dev/null and b/static/assets/statusbar/status-tab-ios.mp4 differ
diff --git a/static/css/code-block-buttons.css b/static/css/code-block-buttons.css
index e5bb9d22a61..8d689fc099e 100644
--- a/static/css/code-block-buttons.css
+++ b/static/css/code-block-buttons.css
@@ -13,7 +13,7 @@ pre .btnIcon {
color: #6b52ae;
background-color: transparent;
height: 30px;
- transition: all .25s ease-out;
+ transition: all 0.25s ease-out;
}
pre .btnIcon:hover {
@@ -27,7 +27,7 @@ pre .btnIcon:hover {
.btnIcon svg {
fill: currentColor;
- margin-right: .4em;
+ margin-right: 0.4em;
}
.btnIcon__label {
@@ -36,4 +36,4 @@ pre .btnIcon:hover {
.btnClipboard {
right: 10px;
-}
\ No newline at end of file
+}
diff --git a/static/examples/4.x/auth-flow.js b/static/examples/4.x/auth-flow.js
index 6a76b6b05ae..800f64a19e5 100755
--- a/static/examples/4.x/auth-flow.js
+++ b/static/examples/4.x/auth-flow.js
@@ -5,13 +5,12 @@ import {
StatusBar,
StyleSheet,
View,
- AsyncStorage
+ AsyncStorage,
} from 'react-native';
import { createSwitchNavigator, createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
-
class SignInScreen extends React.Component {
static navigationOptions = {
title: 'Please sign in',
@@ -39,7 +38,7 @@ class HomeScreen extends React.Component {
render() {
return (
-
);
@@ -112,13 +111,15 @@ const styles = StyleSheet.create({
const AppStack = createStackNavigator({ Home: HomeScreen, Other: OtherScreen });
const AuthStack = createStackNavigator({ SignIn: SignInScreen });
-export default createAppContainer(createSwitchNavigator(
- {
- AuthLoading: AuthLoadingScreen,
- App: AppStack,
- Auth: AuthStack,
- },
- {
- initialRouteName: 'AuthLoading',
- }
-));
+export default createAppContainer(
+ createSwitchNavigator(
+ {
+ AuthLoading: AuthLoadingScreen,
+ App: AppStack,
+ Auth: AuthStack,
+ },
+ {
+ initialRouteName: 'AuthLoading',
+ }
+ )
+);
diff --git a/static/examples/4.x/basic-header-config.js b/static/examples/4.x/basic-header-config.js
index d5809c0d2ec..fac2d788d4b 100755
--- a/static/examples/4.x/basic-header-config.js
+++ b/static/examples/4.x/basic-header-config.js
@@ -48,7 +48,8 @@ class DetailsScreen extends React.Component {
onPress={() =>
this.props.navigation.push('Details', {
itemId: Math.floor(Math.random() * 100),
- })}
+ })
+ }
/>