Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

fernandorojo's profile picture

Fernando Rojo

19,373 subscribers

31,511 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

4K video on YouTube. On the road to my first 1K subscribers...

Profilbild von Christian Esmann
Christian Esmannvor 2 Jahren

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Profilbild von alex
alexvor 1 Jahr

didn’t @reactnavigation already have this? what’s different here? @expo

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

@reactnavigation @expo This component can get used inline, it doesn’t need to be part of navigation

Profilbild von Hirbod
Hirbodvor 1 Jahr

🤯

Profilbild von wcastand
wcastandvor 1 Jahr

next android <3 and we can go to mars

Profilbild von Koura 💻
Koura 💻vor 1 Jahr

What about android?

Profilbild von Robert Herber
Robert Herbervor 1 Jahr

Good stuff! Great example of the Native in React Native actually meaning Native 😎

Profilbild von Conor Buckley
Conor Buckleyvor 1 Jahr

Beautiful 👌

Profilbild von Brandon Austin
Brandon Austinvor 1 Jahr

insane.

Profilbild von Martín Dev
Martín Devvor 1 Jahr

Amazing! Thanks Fer! Like and suscribe on YouTube

Ähnliche Videos

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅
0:20

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅

Oskar Kwaśniewski

17,889 Aufrufe • vor 1 Jahr

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.
0:26

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

Gordon Hayes

518,310 Aufrufe • vor 3 Jahren

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,643 Aufrufe • vor 8 Monaten

What is the difference between React Native JS Bottom Tabs and Native Bottom Tabs? 👀 Native bottom tabs use native platform primitives to render tabs (TabView from SwiftUI and BottomNavigationView on Android), while JS Tabs recreate this UI as closely as possible. This approach works well but tabs can have different appearances on different platforms, here is an example:
0:40

What is the difference between React Native JS Bottom Tabs and Native Bottom Tabs? 👀 Native bottom tabs use native platform primitives to render tabs (TabView from SwiftUI and BottomNavigationView on Android), while JS Tabs recreate this UI as closely as possible. This approach works well but tabs can have different appearances on different platforms, here is an example:

Oskar

15,830 Aufrufe • vor 1 Jahr

Morph sheet (WIP) inspired by Family. w/ React Native Expo + Mo Gorhom's bottom sheet The source code and an article will be available on @landingcomps (
0:29

Morph sheet (WIP) inspired by Family. w/ React Native Expo + Mo Gorhom's bottom sheet The source code and an article will be available on @landingcomps (

Erencan Arica

14,543 Aufrufe • vor 7 Monaten

Did I tell you I'm writing a book on Turbo Native? This is the app you will build working through the chapters. It has: 🏠 Native SwiftUI home screen 🔑 Native authentication ⏺️ Native buttons (w/ a reusable API) 🛎️ Push notifications ⚡️ Turbo Streams I am so excited! 🤩
2:11

Did I tell you I'm writing a book on Turbo Native? This is the app you will build working through the chapters. It has: 🏠 Native SwiftUI home screen 🔑 Native authentication ⏺️ Native buttons (w/ a reusable API) 🛎️ Push notifications ⚡️ Turbo Streams I am so excited! 🤩

Joe Masilotti

24,872 Aufrufe • vor 2 Jahren

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇
0:22

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Erencan Arica

34,460 Aufrufe • vor 9 Monaten

Native date picker with a native sheet Always look fantastic. Built with Expo
0:28

Native date picker with a native sheet Always look fantastic. Built with Expo

Arunabh Verma

45,800 Aufrufe • vor 4 Monaten

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian
0:24

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian

Timeless

11,805 Aufrufe • vor 2 Jahren

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

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 Aufrufe • vor 4 Monaten

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.
1:09

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

Bruno Stasse

834,034 Aufrufe • vor 1 Jahr

⚡ Apple Maps–style bottom sheet in React Native using TrueSheet 🔗Github:
0:28

⚡ Apple Maps–style bottom sheet in React Native using TrueSheet 🔗Github:

rit3zh

45,519 Aufrufe • vor 7 Monaten

Lovable's bottom sheets are built with Silk. On the web and in the app. Same code. Native feel everywhere.
0:26

Lovable's bottom sheets are built with Silk. On the web and in the app. Same code. Native feel everywhere.

Bruno Stasse

27,038 Aufrufe • vor 1 Monat

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,814 Aufrufe • vor 1 Jahr

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion
0:50

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon 대현

107,787 Aufrufe • vor 1 Jahr

New FoundationModels API for running on-device AI by  is working with react-native-ai and AI SDK 🔥🔥
0:39

New FoundationModels API for running on-device AI by  is working with react-native-ai and AI SDK 🔥🔥

Szymon Rybczak

60,914 Aufrufe • vor 1 Jahr

This is one of the fastest and most performant calendar I’ve ever built with Expo 🧙 Source code: React Native Components 🔗
0:21

This is one of the fastest and most performant calendar I’ve ever built with Expo 🧙 Source code: React Native Components 🔗

Erencan Arica

30,725 Aufrufe • vor 2 Monaten

If we want to present a sheet on top of another sheet in SwiftUI, we have to attach the second sheet() modifier inside the content of the first sheet view, otherwise it won't work properly and SwiftUI will complain that only presenting a single sheet is supported.
0:23

If we want to present a sheet on top of another sheet in SwiftUI, we have to attach the second sheet() modifier inside the content of the first sheet view, otherwise it won't work properly and SwiftUI will complain that only presenting a single sheet is supported.

Natalia Panferova

18,867 Aufrufe • vor 1 Jahr

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.
0:29

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,771 Aufrufe • vor 1 Jahr

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.
0:24

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,165 Aufrufe • vor 3 Monaten