Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Apple shared element transitions, free in Expo Router. Wrap the thumbnail in Link.AppleZoom, mark the target on the next screen. You're done. UIKit does the rest. Code below 👇

nater02's profile picture

Nathan Schroeder

2,026 subscribers

35,175 Aufrufe • vor 12 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

In the next version of Expo Router, You can add interactive Apple zoom transitions to any <Link /> in your app ✨
0:11

In the next version of Expo Router, You can add interactive Apple zoom transitions to any <Link /> in your app ✨

Evan Bacon 🥓

92,630 Aufrufe • vor 8 Monaten

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓
0:16

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓

Expo

109,797 Aufrufe • vor 5 Monaten

Expo Router v7 is now in beta! ◆ <Toolbar /> ◆ <Stack.Toolbar /> ◆ <Link.AppleZoom /> ◆ <Tabs.BottomAccessory /> Try the new UI components today: ~ / bunx create-expo -t default@55
0:10

Expo Router v7 is now in beta! ◆ <Toolbar /> ◆ <Stack.Toolbar /> ◆ <Link.AppleZoom /> ◆ <Tabs.BottomAccessory /> Try the new UI components today: ~ / bunx create-expo -t default@55

Evan Bacon 🥓

158,490 Aufrufe • vor 7 Monaten

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 👇
0:16

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 👇

Nathan Schroeder

137,937 Aufrufe • vor 21 Tagen

In the next version of Expo Router use <Toolbar /> to create bottom-aligned controls and menus for commonly used actions.
0:10

In the next version of Expo Router use <Toolbar /> to create bottom-aligned controls and menus for commonly used actions.

Evan Bacon 🥓

203,911 Aufrufe • vor 8 Monaten

Shared element transitions confuse a lot of devs so I rebuilt the App Store card expand as one single element you can read: tap to expand, drag down to send it back. expo + reanimated + gesture handled fully open source :
0:10

Shared element transitions confuse a lot of devs so I rebuilt the App Store card expand as one single element you can read: tap to expand, drag down to send it back. expo + reanimated + gesture handled fully open source :

Rayan

39,306 Aufrufe • vor 1 Monat

Spent some time reverse engineering the Apple Maps sheet UI on iPad. This can be achieved with a few private UIKit APIs... 3 private properties of UISheetPresentationController: horizontalAlignment, wantsBottomAttached and marginInRegularWidthRegularHeight. Code below... 👇🏽
0:11

Spent some time reverse engineering the Apple Maps sheet UI on iPad. This can be achieved with a few private UIKit APIs... 3 private properties of UISheetPresentationController: horizontalAlignment, wantsBottomAttached and marginInRegularWidthRegularHeight. Code below... 👇🏽

Seb Vidal

28,342 Aufrufe • vor 1 Jahr

in the next version of react-native-screen-transitions, 2 new examples instagram and twitter(x) are available to u.
0:19

in the next version of react-native-screen-transitions, 2 new examples instagram and twitter(x) are available to u.

Ed

37,962 Aufrufe • vor 1 Jahr

In the next version of Expo Router use <Toolbar /> to create bottom-aligned controls and menus for commonly used actions. By: Evan Bacon 🥓
0:10

In the next version of Expo Router use <Toolbar /> to create bottom-aligned controls and menus for commonly used actions. By: Evan Bacon 🥓

Adham🇱🇷

86,882 Aufrufe • vor 3 Monaten

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:
0:10

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:

Rayan

15,223 Aufrufe • vor 1 Monat

Here's the one in Flutter 💙 Find the code below 👇 #flutter #animation Nilay Coskun
0:11

Here's the one in Flutter 💙 Find the code below 👇 #flutter #animation Nilay Coskun

Harish 💙

51,933 Aufrufe • vor 3 Jahren

Wealthsimple might have the best-designed fintech app on the App Store. I took a stab at recreating their aurora background animation in my Expo app using Skia! code below 🧵
0:16

Wealthsimple might have the best-designed fintech app on the App Store. I took a stab at recreating their aurora background animation in my Expo app using Skia! code below 🧵

Nathan Schroeder

23,822 Aufrufe • vor 13 Tagen

Coding on a laptop is dead. Introducing Codex in Folk, the easiest way to code right from your texts. Claim your 1 month free below. 👇
0:16

Coding on a laptop is dead. Introducing Codex in Folk, the easiest way to code right from your texts. Claim your 1 month free below. 👇

Arlan

22,211 Aufrufe • vor 1 Monat

IN THE MOMENT IS NOW LIVE ON Gate Collect the next two FREE iconic moments from drop 4: Desert winds by ALIENQUEEN 👽 Destiny by Rocketgirl Details below 👇
0:12

IN THE MOMENT IS NOW LIVE ON Gate Collect the next two FREE iconic moments from drop 4: Desert winds by ALIENQUEEN 👽 Destiny by Rocketgirl Details below 👇

Abstract

21,414 Aufrufe • vor 8 Monaten

Copilot Next Edit Suggestions (NES), an evolution of code completions, is now available in preview. Based on the edits you're making, NES both predicts the location of the next edit you'll want to make and what that edit should be.
0:15

Copilot Next Edit Suggestions (NES), an evolution of code completions, is now available in preview. Based on the edits you're making, NES both predicts the location of the next edit you'll want to make and what that edit should be.

Visual Studio Code

126,409 Aufrufe • vor 1 Jahr

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"
0:05

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"

Kristian Wagner

16,431 Aufrufe • vor 1 Jahr