Loading video...
Video Failed to Load
🚀 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

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:

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

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

@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.

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

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

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

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

@expo wow that looks amazing 🔥

@expo Are you using NativeWind 4 or 2 ?

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