MCPcopy Index your code
hub / github.com/EvanBacon/expo-router-instagram-layout

github.com/EvanBacon/expo-router-instagram-layout @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
26 symbols 62 edges 12 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Expo Router Instagram responsive layout demo using SCSS

Use expo-router to build universally responsive navigation using files in the app/ directory.

Demo

Check out the web demo here. Pull the app and run in Expo Go to see the results on native.

Check out this sandbox to edit the code inside your browser.

Responsive

A tab navigator that works well in landscape or portrait mode, same code used across web and native.

https://github.com/EvanBacon/expo-router-instagram-layout/assets/9664363/35250e4a-d957-452c-87a3-9531e5164f04

No JavaScript, No Problem

On web, responsive CSS is used to ensure styles work even before the JavaScript has loaded.

https://github.com/EvanBacon/expo-router-instagram-layout/assets/9664363/171740c0-4494-4ead-8341-d8fa409bf399

📝 Notes

Core symbols most depended-on inside this repo

cns
called by 10
src/components/navigator.tsx
useWidth
called by 5
src/components/navigator.tsx
makeIcon
called by 3
src/components/tab-bar-icon.tsx
useNavigatorContext
called by 1
src/components/tab-slot.tsx
useContextRoute
called by 1
src/components/tab-slot.tsx
useIsTabSelected
called by 1
src/components/navigator.tsx
getRootStateForNavigate
called by 1
src/components/useLinkBuilder.tsx
useLinkBuilder
called by 1
src/components/useLinkBuilder.tsx

Shape

Function 26

Languages

TypeScript100%

Modules by API surface

src/components/navigator.tsx10 symbols
src/components/tab-slot.tsx7 symbols
src/components/useLinkBuilder.tsx2 symbols
src/components/tab-bar-icon.tsx2 symbols
src/components/icon.tsx1 symbols
src/app/more.tsx1 symbols
src/app/index.tsx1 symbols
src/app/explore.tsx1 symbols
src/app/_layout.tsx1 symbols

For agents

$ claude mcp add expo-router-instagram-layout \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page