Loading video...

Video Failed to Load

Go Home

Universal components in Expo using Expo UI! Shared code, native styling. Every switch, slider and checkbox is SwiftUI on iOS and Material 3 on Android. Code below 👇

nater02's profile picture

Nathan Schroeder

1,488 subscribers

127,582 views • 2 days ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Universal Expo chatbot template is now on SDK 56! ⬦ Better streaming with expo/fetch ⬦ All SwiftUI/Jetpack components run natively in Expo Go on mobile.
0:17

Universal Expo chatbot template is now on SDK 56! ⬦ Better streaming with expo/fetch ⬦ All SwiftUI/Jetpack components run natively in Expo Go on mobile.

Evan Bacon 🥓

30,964 views • 2 months ago

Ever see that buttery number-rolling animation from iOS? You can ship it from Expo. Expo UI exposes SwiftUI's numericText content transition as a modifier. Two modifiers on your Text and you're done. Code below 👇👇
0:12

Ever see that buttery number-rolling animation from iOS? You can ship it from Expo. Expo UI exposes SwiftUI's numericText content transition as a modifier. Two modifiers on your Text and you're done. Code below 👇👇

Nathan Schroeder

23,979 views • 14 days ago

In Expo Router v4 you can easily turn routes into native bottom sheets. Works on both iOS, and Android.
0:12

In Expo Router v4 you can easily turn routes into native bottom sheets. Works on both iOS, and Android.

Evan Bacon 🥓

126,790 views • 1 year ago

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,329 views • 1 year ago

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇
0:14

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,840 views • 1 year ago

UI Interaction 1⃣4⃣ 🚀 Share Gesture in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler. Designed by @_iamsandeep and developed by Karthik Balasubramanian Thanks to Expo Snack and Evan Bacon 🥓, works great on both iOS and Android.
0:17

UI Interaction 1⃣4⃣ 🚀 Share Gesture in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler. Designed by @_iamsandeep and developed by Karthik Balasubramanian Thanks to Expo Snack and Evan Bacon 🥓, works great on both iOS and Android.

Timeless

40,355 views • 3 years ago

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:
0:11

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:

Oskar Kwaśniewski

36,481 views • 1 year ago

implemented a simple 2048 game using Compose multiplatform. supports android, ios, web, and desktop. pretty much all of the code is shared. web app: code:
0:19

implemented a simple 2048 game using Compose multiplatform. supports android, ios, web, and desktop. pretty much all of the code is shared. web app: code:

Alex Lockwood

24,461 views • 1 year ago

UI Interaction 1⃣3⃣ ♥️🔥 Dial Interaction built in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler Design by @_iamsandeep and Dev by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, this now works on iOS and Android:
0:17

UI Interaction 1⃣3⃣ ♥️🔥 Dial Interaction built in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler Design by @_iamsandeep and Dev by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, this now works on iOS and Android:

Timeless

53,833 views • 3 years ago

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:
0:15

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

Erencan Arica

22,951 views • 2 months ago

UI Interaction 1⃣6️⃣ 😎 Pull to Action inspired by Baran’s work, built by Karthik Balasubramanian, built in #ReactNative, #Expo and powered with Software Mansion's #Reanimated and Gesture Handler Library. Thanks to Expo snack and Evan Bacon 🥓, this now works on both iOS and Android:
0:17

UI Interaction 1⃣6️⃣ 😎 Pull to Action inspired by Baran’s work, built by Karthik Balasubramanian, built in #ReactNative, #Expo and powered with Software Mansion's #Reanimated and Gesture Handler Library. Thanks to Expo snack and Evan Bacon 🥓, this now works on both iOS and Android:

Timeless

36,379 views • 3 years ago

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨
0:18

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨

Oskar Kwaśniewski

45,371 views • 1 year ago

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024
0:19

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Figma

66,439 views • 2 years ago

🫧Fresh from the sea to your twitter feed The iOS ripple effect from WWDC24 demos And it works on iOS, MacOS, Web, and Android Code 👇
0:13

🫧Fresh from the sea to your twitter feed The iOS ripple effect from WWDC24 demos And it works on iOS, MacOS, Web, and Android Code 👇

Raouf Rahiche

17,161 views • 2 years ago

🤯 Blur content in React Native Android - no library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇
0:11

🤯 Blur content in React Native Android - no library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇

Arunabh Verma

16,505 views • 11 months ago

🚀 With Expo Router and iOS 26, you now get the fully native liquid glass search bar, no extra code, no custom setup. Just compile your app with Xcode 26 and it works out of the box.
0:12

🚀 With Expo Router and iOS 26, you now get the fully native liquid glass search bar, no extra code, no custom setup. Just compile your app with Xcode 26 and it works out of the box.

Beto

39,513 views • 10 months ago

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals
0:10

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals

Evan Bacon 🥓

79,353 views • 10 months ago

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉
0:14

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

Oskar Kwaśniewski

20,794 views • 1 year ago

Built an Alarm Clock UI with custom scrolling for setting the time using the #SwiftUI framework. The code is available on my Patreon. Let me know what you think. #iosdevelopment
0:11

Built an Alarm Clock UI with custom scrolling for setting the time using the #SwiftUI framework. The code is available on my Patreon. Let me know what you think. #iosdevelopment

Shubham Singh

37,586 views • 14 days ago

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on
0:16

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

Volodymyr

17,026 views • 1 year ago