Ed

@trpfsu • 3,740 subscribers

building things

Shorts

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

57,137 görüntüleme

I’m experimenting with a new navigation transition for screen-transitions Its similar to navigation.zoom() but this variation prioritizes visual continuity by letting the destination screen finish its animation fully before it becomes interactive.

I’m experimenting with a new navigation transition for screen-transitions Its similar to navigation.zoom() but this variation prioritizes visual continuity by letting the destination screen finish its animation fully before it becomes interactive.

36,157 görüntüleme

skia + reanimated is so cool. this took a little longer than i'd like to admit ngl

skia + reanimated is so cool. this took a little longer than i'd like to admit ngl

94,281 görüntüleme

react-native-screen-transitions v2.0.2 is out, heres what's new

react-native-screen-transitions v2.0.2 is out, heres what's new

72,829 görüntüleme

with position awareness + custom backdrop

with position awareness + custom backdrop

26,102 görüntüleme

This component is a little extra but I had so much fun learning more about skia. Built w/ Expo Software Mansion reanimated, and skia.

This component is a little extra but I had so much fun learning more about skia. Built w/ Expo Software Mansion reanimated, and skia.

49,767 görüntüleme

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

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

37,962 görüntüleme

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.

Inspired by the apple intelligence animation, im super happy with how it came out. heres where im using them throughout my app. Built w/ Expo, Software Mansion reanimated, React Native Skia.

40,445 görüntüleme

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

My app Grounded was built with screen-transitions v3.4-beta 1, and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react native

14,157 görüntüleme

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

12,400 görüntüleme

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

One component I've always loved was this animated number counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.

21,954 görüntüleme

navigation zoom gallery

navigation zoom gallery

10,840 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨

missed building out a full flow, so I wanted to see what I could come up with in a day using react-native-screen-transitions 🤨

39,119 görüntüleme • 24 gün önce

tried again lol

tried again lol

35,552 görüntüleme • 1 ay önce

Decided to attempt this in with screen-transitions, here's how it came out🫣 Thanks Alireza for suggesting & creds to the talented team at Pool for this super beautiful interaction !

Decided to attempt this in with screen-transitions, here's how it came out🫣 Thanks Alireza for suggesting & creds to the talented team at Pool for this super beautiful interaction !

22,644 görüntüleme • 27 gün önce

hell yeah 😼

hell yeah 😼

88,112 görüntüleme • 6 ay önce

I didn't even know you could do this

I didn't even know you could do this

36,472 görüntüleme • 2 ay önce

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

super happy with how the new .navigation.zoom() is coming along in screen transitions, here's how it looks on iOS and Android

57,137 görüntüleme • 5 ay önce

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

18,878 görüntüleme • 1 ay önce

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳

react-native-screen-transitions v3 has been out for a couple days now - held off from posting because I wanted to move past the basic examples and show how it looks in real flows Here’s a gym app my buddy Brian and I are working on 🥳

82,131 görüntüleme • 8 ay önce

ok, getting somewhere 🤨

ok, getting somewhere 🤨

21,902 görüntüleme • 2 ay önce

react-native-screen-transitions v2.0.2 is out, heres what's new

react-native-screen-transitions v2.0.2 is out, heres what's new

72,829 görüntüleme • 1 yıl önce

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

21,463 görüntüleme • 3 ay önce

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with Expo + React Navigation

probably the hardest thing I've had the privilege of making was this threads-like shared element transition, built with Expo + React Navigation

27,916 görüntüleme • 6 ay önce

One of the things I felt was really missing from screen-transitions was custom headers. I think I finally found something that works pretty well, here's how I'm starting to use it, this was inspired by the Drop set app.

One of the things I felt was really missing from screen-transitions was custom headers. I think I finally found something that works pretty well, here's how I'm starting to use it, this was inspired by the Drop set app.

23,128 görüntüleme • 11 ay önce

While working on some transition presets I managed to get an instagram reels style screen transition. kindaaaaaaaaaaa

While working on some transition presets I managed to get an instagram reels style screen transition. kindaaaaaaaaaaa

23,821 görüntüleme • 1 yıl önce

apple mindfulness breathing animation built w/ Expo, Software Mansion reanimated and Shopify skia

apple mindfulness breathing animation built w/ Expo, Software Mansion reanimated and Shopify skia

23,984 görüntüleme • 1 yıl önce

giving myself a week to create the Apple Music shared album transition, I think we're ALMOST kinda there.

giving myself a week to create the Apple Music shared album transition, I think we're ALMOST kinda there.

14,732 görüntüleme • 1 yıl önce

example 3 of shared bounds, this ones a little more complete

example 3 of shared bounds, this ones a little more complete

15,272 görüntüleme • 1 yıl önce

Daha fazla içerik yok.