Loading video...

Video Failed to Load

Go Home

🚀 I built a new @Expo Router template for working with native context menus! ◆ UIMenu & SF Symbols → Zeego ◆ Dropdown → shadcn/ui ◆ Styles → nativewind ◆ Navigation → Expo Router ◆ State → Zustand 🆕 Clone it today with: npx create-expo-app -e with-router-menus

110,423 views • 2 years ago •via X (Twitter)

11 Comments

Evan Bacon 🥓's profile picture
Evan Bacon 🥓2 years ago

More: - Example is purposefully very platform-specific, sharing code more than UX/visual identity. - Worked with @FernandoTheRojo to add horizontal UIMenu items, these look pretty great. - The menus are fully native on iOS/Android. This means they look/feel generally great on iOS and pretty not great on Android. - Web implementation doesn't use any react-native-web. - The root layout is forked on web to provide a simpler UI on web. I recommend platform-forking the layout routes when needed to keep things feeling snappy on respective platforms. - Menus on iOS were inspired by the play app. - View the source here:

Maaz jr 🪖👨🏾‍💻🦅's profile picture
Maaz jr 🪖👨🏾‍💻🦅2 years ago

@expo Zustand finally replacing redux?? Couldn't be more happier 🖤🦅👨🏾‍💻

aloy sathekge's profile picture
aloy sathekge2 years ago

@expo This is beauty Evan. how can I implement it or some sort of this menu in an existing Expo project? like a library?

Evan Bacon 🥓's profile picture
Evan Bacon 🥓2 years ago

@expo By copying the React components you like out of this template and into an existing project Zeego doesn't run in Expo Go so you'll need to use dev clients.

Diego's profile picture
Diego2 years ago

@expo How can you use shadcn/ui in react native?

ccddev's profile picture
ccddev2 years ago

@expo Looks great. It feels like daily I'm blown away by the work you and your team put out.

igorskiter's profile picture
igorskiter2 years ago

@expo How to turn a tab bar into a sidebar?

Evan Bacon 🥓's profile picture
Evan Bacon 🥓2 years ago

@expo Here's how I do it on my blog

𝕕𝕒𝕤𝕙𝕤𝕥𝕒𝕣 ✨'s profile picture
𝕕𝕒𝕤𝕙𝕤𝕥𝕒𝕣 ✨2 years ago

@expo wow that looks amazing 🔥

Pranay Desai's profile picture
Pranay Desai2 years ago

@expo Are you using NativeWind 4 or 2 ?

Evan Bacon 🥓's profile picture
Evan Bacon 🥓2 years ago

@expo I've only ever used Nativewind v4, not sure why it isn't the default yet.

Related Videos