ๆญฃๅœจๅŠ ่ฝฝ่ง†้ข‘...

่ง†้ข‘ๅŠ ่ฝฝๅคฑ่ดฅ

๐Ÿš€ 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 ๆฌก่ง‚็œ‹ โ€ข 2 ๅนดๅ‰ โ€ขvia X (Twitter)

11 ๆก่ฏ„่ฎบ

Evan Bacon ๐Ÿฅ“ ็š„ๅคดๅƒ
Evan Bacon ๐Ÿฅ“2 ๅนดๅ‰

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 ๐Ÿช–๐Ÿ‘จ๐Ÿพโ€๐Ÿ’ป๐Ÿฆ… ็š„ๅคดๅƒ
Maaz jr ๐Ÿช–๐Ÿ‘จ๐Ÿพโ€๐Ÿ’ป๐Ÿฆ…2 ๅนดๅ‰

@expo Zustand finally replacing redux?? Couldn't be more happier ๐Ÿ–ค๐Ÿฆ…๐Ÿ‘จ๐Ÿพโ€๐Ÿ’ป

aloy sathekge ็š„ๅคดๅƒ
aloy sathekge2 ๅนดๅ‰

@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 ๐Ÿฅ“ ็š„ๅคดๅƒ
Evan Bacon ๐Ÿฅ“2 ๅนดๅ‰

@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 ็š„ๅคดๅƒ
Diego2 ๅนดๅ‰

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

ccddev ็š„ๅคดๅƒ
ccddev2 ๅนดๅ‰

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

igorskiter ็š„ๅคดๅƒ
igorskiter2 ๅนดๅ‰

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

Evan Bacon ๐Ÿฅ“ ็š„ๅคดๅƒ
Evan Bacon ๐Ÿฅ“2 ๅนดๅ‰

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

๐••๐•’๐•ค๐•™๐•ค๐•ฅ๐•’๐•ฃ โœจ ็š„ๅคดๅƒ
๐••๐•’๐•ค๐•™๐•ค๐•ฅ๐•’๐•ฃ โœจ2 ๅนดๅ‰

@expo wow that looks amazing ๐Ÿ”ฅ

Pranay Desai ็š„ๅคดๅƒ
Pranay Desai2 ๅนดๅ‰

@expo Are you using NativeWind 4 or 2 ?

Evan Bacon ๐Ÿฅ“ ็š„ๅคดๅƒ
Evan Bacon ๐Ÿฅ“2 ๅนดๅ‰

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

็›ธๅ…ณ่ง†้ข‘