正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Ed

3,619 subscribers

72,735 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

Oskar

35,844 次观看 • 1 年前

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 🤨

Ed

39,119 次观看 • 14 天前

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,855 次观看 • 1 年前

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Software Mansion

246,265 次观看 • 1 年前

React Native 0.83 is out let's check it out! 🤓👇

React Native 0.83 is out let's check it out! 🤓👇

Beto

14,535 次观看 • 8 个月前

New React Native DevTools app is really awesome, finally standalone app! 😍 Network & Performance tracing panels are now available for every React Native app 💯

New React Native DevTools app is really awesome, finally standalone app! 😍 Network & Performance tracing panels are now available for every React Native app 💯

Szymon Rybczak

41,106 次观看 • 8 个月前

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 🥳

Ed

81,609 次观看 • 8 个月前

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

Ed

18,749 次观看 • 1 个月前

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.

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,876 次观看 • 2 年前

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

Ed

21,463 次观看 • 2 个月前

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

Baran

230,021 次观看 • 10 个月前

React Native Mastery is available NOW! 🚀

React Native Mastery is available NOW! 🚀

Vadim Savin @notJust.dev

75,974 次观看 • 1 年前

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out

Adnan

36,469 次观看 • 4 个月前

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

Ed

57,137 次观看 • 4 个月前

react-native-livechart is live 🥳 Beautiful, reliable live charts for React Native: (multi-) line and candlestick, smooth at 60fps even with 10+ trades a second coming in. TL;DR: npm install react-native-livechart; deep dive 👇

react-native-livechart is live 🥳 Beautiful, reliable live charts for React Native: (multi-) line and candlestick, smooth at 60fps even with 10+ trades a second coming in. TL;DR: npm install react-native-livechart; deep dive 👇

Lennart Brandt

40,233 次观看 • 2 个月前

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />

Fernando Rojo

27,366 次观看 • 1 年前

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

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

Szymon Rybczak

60,990 次观看 • 1 年前

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?

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,887 次观看 • 10 个月前

📢 The new "flashlight measure" 🔦 command is out! Never been easier to measure the #performance of any #AndroidDev app 🔥 (including native, React Native or Flutter, even release builds!) ➡️ ⬅️ Here's me measuring the Twitter app on Samsung S10 👀

📢 The new "flashlight measure" 🔦 command is out! Never been easier to measure the #performance of any #AndroidDev app 🔥 (including native, React Native or Flutter, even release builds!) ➡️ ⬅️ Here's me measuring the Twitter app on Samsung S10 👀

Alexandre Moureaux

10,478 次观看 • 3 年前