Loading video...

Video Failed to Load

Go Home

✨ Apple iOS Siri Look Up Knowledge in React Native! Native dynamic detents. Works with both navigation and modal. Github code below 👇

saulsharma's profile picture

Saúl

5,905 subscribers

24,392 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

9 Comments

ege's profile picture
ege1 year ago

the TouchableOpacity’s

Saúl Sharma's profile picture
Saúl Sharma1 year ago

😂

Ysl_codes 💻's profile picture
Ysl_codes 💻1 year ago

Impressive

YeetusTheClown's profile picture
YeetusTheClown1 year ago

🐐

jake foraker's profile picture
jake foraker1 year ago

Free bug fix: keyboardShouldPersistTaps=“handled”

Benzigar Alvin.'s profile picture
Benzigar Alvin.1 year ago

Does it work on Android too ?

Saúl Sharma's profile picture
Saúl Sharma1 year ago

This is natively available only on iOS, Android loads a default modal

Brian Ortega's profile picture
Brian Ortega1 year ago

did you have issues with content rendering?

Saúl Sharma's profile picture
Saúl Sharma1 year ago

Are you referring to Wikipedia page? I was playing with its API, was not supposed to be part of this demo haha. Or something else?

Related Videos

✨ Apple Vision Pro-style context menu! Works on all iOS, Android, Web. Also includes Apple Sports details modal screen demo. Built with React Native ⚛️ GitHub code in comment 🚀
0:28

✨ Apple Vision Pro-style context menu! Works on all iOS, Android, Web. Also includes Apple Sports details modal screen demo. Built with React Native ⚛️ GitHub code in comment 🚀

Saúl

67,884 views • 1 year ago

✨ 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 views • 1 year ago

🌟 Introducing Apple News! Built with JavaScript and Tailwind CSS 🚀 💣Works on Android, iOS, and Web  iOS Live Activities, Home Widgets 🎵 Podcast Player Watch support 🤏 Swipe actions like 𝕏 ↕️ Drag/sort favorites, RSC + much more! ⭐ Link to React Native code below👇
1:33

🌟 Introducing Apple News! Built with JavaScript and Tailwind CSS 🚀 💣Works on Android, iOS, and Web  iOS Live Activities, Home Widgets 🎵 Podcast Player Watch support 🤏 Swipe actions like 𝕏 ↕️ Drag/sort favorites, RSC + much more! ⭐ Link to React Native code below👇

Saúl

77,018 views • 1 year ago

⚡ 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 views • 7 months ago

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components
0:31

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

17,219 views • 29 days ago

🧊 Native liquid glass view for React Native (Expo)! 🔗 Github:
0:22

🧊 Native liquid glass view for React Native (Expo)! 🔗 Github:

rit3zh

56,748 views • 10 months ago

I recreated the Airbnb month slider in React Native✨ I've been wanting to do this since it came out. Github link below⬇️
0:23

I recreated the Airbnb month slider in React Native✨ I've been wanting to do this since it came out. Github link below⬇️

Laurids 🇪🇺🇺🇦

23,119 views • 1 year ago

How we shipped a beautiful, native iOS app in 8 days with Claude Code. Check it out 👇
18:26

How we shipped a beautiful, native iOS app in 8 days with Claude Code. Check it out 👇

Hunter Hammonds

193,665 views • 5 months ago

Liquid Glass is coming to Play! This is the real, native iOS 26 Liquid Glass and its controls—not a recreation, but exactly what developers will use in their code. In the example below, you can see the new: › Buttons › Native Menu › Slider › Sheet with Animations › Navigation Bar › Map pins We can't wait for iOS 26 to be released!
0:23

Liquid Glass is coming to Play! This is the real, native iOS 26 Liquid Glass and its controls—not a recreation, but exactly what developers will use in their code. In the example below, you can see the new: › Buttons › Native Menu › Slider › Sheet with Animations › Navigation Bar › Map pins We can't wait for iOS 26 to be released!

Play

59,447 views • 1 year ago

✨ Introducing Polar for Native ✨ Explore new revenue streams like... > Credits with top-up functionality > Usage Based Billing with Event Ingestion > Deep-linking back to your app with Success URLs Explore our React Native Starter Repository in the thread below 👇
0:24

✨ Introducing Polar for Native ✨ Explore new revenue streams like... > Credits with top-up functionality > Usage Based Billing with Event Ingestion > Deep-linking back to your app with Success URLs Explore our React Native Starter Repository in the thread below 👇

Polar

12,328 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
0:27

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

Okay...this is insane 🤯 I got Inertia.js running in combination with React Native Laravel on iOS Communicating with InertiaJS Rendering native UI elements 😎
0:40

Okay...this is insane 🤯 I got Inertia.js running in combination with React Native Laravel on iOS Communicating with InertiaJS Rendering native UI elements 😎

Marcel Pociot 🧪

72,093 views • 1 year ago

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.
0:20

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,858 views • 2 years ago

React Native Reanimated かわいい GitHub:
0:23

React Native Reanimated かわいい GitHub:

yui540

21,265 views • 1 month ago

Introducing Zeego 2: dropdown & context menus that work everywhere → Pure Radix UI on Web → react-native-web dependency dropped → Works with Tailwind, shadcn UI, pure CSS, etc. → Native menu on iOS & Android → Works in web-only codebases with zero config yarn add zeego
7:09

Introducing Zeego 2: dropdown & context menus that work everywhere → Pure Radix UI on Web → react-native-web dependency dropped → Works with Tailwind, shadcn UI, pure CSS, etc. → Native menu on iOS & Android → Works in web-only codebases with zero config yarn add zeego

Fernando Rojo

46,219 views • 1 year ago

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)
4:05

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,772 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 👇)
0:52

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

91,053 views • 4 months ago

Here's Laravel running on the iOS simulator, communicating with Swift code, showing native iOS share dialogs and alerts 😎
0:20

Here's Laravel running on the iOS simulator, communicating with Swift code, showing native iOS share dialogs and alerts 😎

Marcel Pociot 🧪

80,890 views • 1 year ago

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!
0:57

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,723 views • 4 months ago