Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🚨 Released a new Tutorial Video this morning!! How to create "Liquid" bottom tab navigation using Expo router and React Native Skia 🔥. I hope you'll enjoy learning about SDF Shaders and Headless Expo router tabs!

Daniel Friyia 🇨🇦

3,134 subscribers

21,253 views • 7 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚀 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

🚀 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

Evan Bacon 🥓

110,423 views • 2 years ago

We just upgraded to Expo 55! 🚀 Now the KitchenSink uses Expo Router v7 with liquid glass native feels because... React Native is actually native!

We just upgraded to Expo 55! 🚀 Now the KitchenSink uses Expo Router v7 with liquid glass native feels because... React Native is actually native!

gluestack

26,417 views • 4 months ago

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?

i rebuilt Tesla’s new Robotaxi app with React Native Expo got the layer blur and gradients down with expo BlurView and LinearGradient. Buttery smooth with expo-router + reanimated should i publish to TestFlight?

david k

58,695 views • 11 months ago

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Evan Bacon 🥓

72,117 views • 1 year ago

How to add haptic feedback to your Expo Router Native Tabs in 70 seconds 👇 Full blog with code examples below

How to add haptic feedback to your Expo Router Native Tabs in 70 seconds 👇 Full blog with code examples below

Beto

31,821 views • 3 months ago

The new iOS 26 Liquid Glass UI works perfectly with 𝝠 Expo Router! Truly native to the platform 🚀

The new iOS 26 Liquid Glass UI works perfectly with 𝝠 Expo Router! Truly native to the platform 🚀

Evan Bacon 🥓

342,027 views • 1 year ago

Expo Router just unlocked a new level of native on iOS 🚀 For years, cross-platform meant tradeoffs. Your app worked everywhere, but it never felt quite right. That gap is finally closing. With the latest version of Expo Router, native iOS APIs are now exposed declaratively. No UIKit wrestling. No fake UI. If you want your app to feel truly native on iOS, these are the APIs you should be using: - Native Tabs (real system tab bar) - Stack Toolbar (native header controls) - Bottom toolbars with placement=“bottom” - Bottom accessories attached to the tab bar - Zoom transitions for fluid navigation - Native sheet footers (experimental) I wrote a full breakdown with code examples and video demos of these features in my blog (link below 👇)

Expo Router just unlocked a new level of native on iOS 🚀 For years, cross-platform meant tradeoffs. Your app worked everywhere, but it never felt quite right. That gap is finally closing. With the latest version of Expo Router, native iOS APIs are now exposed declaratively. No UIKit wrestling. No fake UI. If you want your app to feel truly native on iOS, these are the APIs you should be using: - Native Tabs (real system tab bar) - Stack Toolbar (native header controls) - Bottom toolbars with placement=“bottom” - Bottom accessories attached to the tab bar - Zoom transitions for fluid navigation - Native sheet footers (experimental) I wrote a full breakdown with code examples and video demos of these features in my blog (link below 👇)

Beto

90,980 views • 4 months ago

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Jacob Clausen

20,189 views • 1 year ago

✨I built X mobile app on React (Native) & Tailwind CSS! ✅X user profile screen ✅swipable tabs ✅X-like bottom sheet ✅draggable and swipeable lists ✅example video tab ✅nested expo router tab, drawer ✅animated splash screen ✅animated like button GitHub link on comment👇

Saúl

92,471 views • 1 year ago

Introducing 🚨 (open-source) The fastest way to run React Native / Expo apps in the browser. Metro bundler mapped to the web with HMR, Expo Router, assets, source maps! Go and try it now!

Introducing 🚨 (open-source) The fastest way to run React Native / Expo apps in the browser. Metro bundler mapped to the web with HMR, Expo Router, assets, source maps! Go and try it now!

Sanket Sahu

27,720 views • 2 months ago

holy smokes! It's alive! streaming on React Native out of the box using Expo 52 and the new expo/fetch library. This is a piece of the Expo Router RSC story but now RN is becoming a great alternative for AI apps that need streaming. This is gigantic. Amazing work by Expo & Kudo 👏👏

holy smokes! It's alive! streaming on React Native out of the box using Expo 52 and the new expo/fetch library. This is a piece of the Expo Router RSC story but now RN is becoming a great alternative for AI apps that need streaming. This is gigantic. Amazing work by Expo & Kudo 👏👏

ROFI

81,261 views • 1 year ago

⚡️ Instantly add  home screen widgets to your React app with my new `npx create-target` command! Everything's possible with @Expo Router 🔥

⚡️ Instantly add  home screen widgets to your React app with my new `npx create-target` command! Everything's possible with @Expo Router 🔥

Evan Bacon 🥓

168,921 views • 1 year ago

One prompt. One shot. A complete Habit Tracker app. 🔥 Tech stack: ✅ SQLite ✅ AsyncStorage ✅ Reanimated ✅ Expo Router ✅ Native Tabs Using Expo skills made a huge difference. AI isn’t replacing developers. It’s upgrading them.

One prompt. One shot. A complete Habit Tracker app. 🔥 Tech stack: ✅ SQLite ✅ AsyncStorage ✅ Reanimated ✅ Expo Router ✅ Native Tabs Using Expo skills made a huge difference. AI isn’t replacing developers. It’s upgrading them.

Syed Noman

35,054 views • 4 months ago

New Expo example! Here's how to upload images from your app to an AWS S3 bucket with Expo Router and EAS Hosting

New Expo example! Here's how to upload images from your app to an AWS S3 bucket with Expo Router and EAS Hosting

Kadi Kraman 💚

35,410 views • 10 months ago

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to @Expo Router ↓

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to @Expo Router ↓

Evan Bacon 🥓

366,645 views • 1 year ago

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,524 views • 2 years ago

🫧 Best practices for native tabs: ◆ Use Apple SF Symbols for icons on iOS, Material design icons on Android, and Material or Lucide icons on web ◆ Use platform colors for dynamic tints. The liquid glass updates automatically with dynamic iOS colors like PlatformColor("label") (black in light mode, white in dark mode) ◆ Consider a custom web tab system using _layout.web.tsx while we improve the web fallback ◆ Remove any custom "scroll to top" logic in favor of our first-class support in NativeTabs You can still use JS or headless tabs for more control over look and feel. Get all the details in this Expo Router v6 blog post:

🫧 Best practices for native tabs: ◆ Use Apple SF Symbols for icons on iOS, Material design icons on Android, and Material or Lucide icons on web ◆ Use platform colors for dynamic tints. The liquid glass updates automatically with dynamic iOS colors like PlatformColor("label") (black in light mode, white in dark mode) ◆ Consider a custom web tab system using _layout.web.tsx while we improve the web fallback ◆ Remove any custom "scroll to top" logic in favor of our first-class support in NativeTabs You can still use JS or headless tabs for more control over look and feel. Get all the details in this Expo Router v6 blog post:

Expo

11,781 views • 8 months ago

iOS 26 Preview app… rebuilt in Expo ✦ Expo SDK 54 (beta) ✦ Expo Router v6 ✦ Expo Router NativeTabs (experimental) ✦ Mo Gorhom sheets Beta on beta on beta :)

iOS 26 Preview app… rebuilt in Expo ✦ Expo SDK 54 (beta) ✦ Expo Router v6 ✦ Expo Router NativeTabs (experimental) ✦ Mo Gorhom sheets Beta on beta on beta :)

Solarin

33,865 views • 9 months ago