Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

✨ 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 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

ege profil fotoğrafı
ege1 yıl önce

the TouchableOpacity’s

Saúl Sharma profil fotoğrafı
Saúl Sharma1 yıl önce

😂

Ysl_codes 💻 profil fotoğrafı
Ysl_codes 💻1 yıl önce

Impressive

YeetusTheClown profil fotoğrafı
YeetusTheClown1 yıl önce

🐐

jake foraker profil fotoğrafı
jake foraker1 yıl önce

Free bug fix: keyboardShouldPersistTaps=“handled”

Benzigar Alvin. profil fotoğrafı
Benzigar Alvin.1 yıl önce

Does it work on Android too ?

Saúl Sharma profil fotoğrafı
Saúl Sharma1 yıl önce

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

Brian Ortega profil fotoğrafı
Brian Ortega1 yıl önce

did you have issues with content rendering?

Saúl Sharma profil fotoğrafı
Saúl Sharma1 yıl önce

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?

Benzer Videolar

✨ 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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce

🌟 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 görüntüleme • 1 yıl önce

⚡ 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 görüntüleme • 7 ay önce

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 görüntüleme • 28 gün önce

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

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

rit3zh

56,748 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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

React Native Reanimated かわいい GitHub:

yui540

21,265 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce