Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

No need to add another dependency to implement a native bottom sheet in React Native💡 Just use presentation: "formSheet" from Native Stack 👇

kacperkapusciak's profile picture

Kacper Kapuściak

4,652 subscribers

73,179 görüntüleme • 8 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵
0:14

We showed react-native-bottom-sheet at App.js, and it's ready to use today, built with support from Gobi. The sheet host, gestures, snapping and scrolling all run in native code, so drags stay smooth even when the JS thread is busy. Let's do a deep dive 🧵

Software Mansion

19,625 görüntüleme • 2 ay önce

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,329 görüntüleme • 1 yıl önce

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`
0:11

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`

Oskar

82,860 görüntüleme • 1 yıl önce

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉
0:15

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 görüntüleme • 11 ay önce

What's cool about using native platform components is that they integrate seamlessly with other UI elements✨ React Native Bottom Tabs handles Picture-in-picture avoiding automatically 😄 Here is a comparison of JS vs Native Tabs:
0:14

What's cool about using native platform components is that they integrate seamlessly with other UI elements✨ React Native Bottom Tabs handles Picture-in-picture avoiding automatically 😄 Here is a comparison of JS vs Native Tabs:

Oskar

19,407 görüntüleme • 1 yıl önce

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!
0:10

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,100 görüntüleme • 1 yıl önce

Four years ago, react-native-quick-crypto was just a way to make crypto faster for wallet apps. Today, it's grown into one of the most complete crypto implementations for React Native. Here's what the latest benchmarks look like 👇
0:13

Four years ago, react-native-quick-crypto was just a way to make crypto faster for wallet apps. Today, it's grown into one of the most complete crypto implementations for React Native. Here's what the latest benchmarks look like 👇

Adnan

11,085 görüntüleme • 2 ay önce

Who said you need to recompile the whole app to just update the React Native JavaScript bundle? Hold my IPA 🍺
0:19

Who said you need to recompile the whole app to just update the React Native JavaScript bundle? Hold my IPA 🍺

Maciej Jastrzębski

52,063 görüntüleme • 1 yıl önce

Introducing react-native-nano-icons! 💎🔬 The ultimate way to handle custom icons in React Native: 🛠️ Integrated SVG-to-font build process ⚡ Blazing fast native components 🎨 Multi-color font icon support 📐 Use icons inline within RN components 🚀 Expo Go & Web support out of the box Check out our GitHub 👇 or learn more in the 🧵
0:18

Introducing react-native-nano-icons! 💎🔬 The ultimate way to handle custom icons in React Native: 🛠️ Integrated SVG-to-font build process ⚡ Blazing fast native components 🎨 Multi-color font icon support 📐 Use icons inline within RN components 🚀 Expo Go & Web support out of the box Check out our GitHub 👇 or learn more in the 🧵

Software Mansion

66,717 görüntüleme • 4 ay önce

🤯 Blur content in React Native Android - no library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇
0:11

🤯 Blur content in React Native Android - no library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇

Arunabh Verma

16,505 görüntüleme • 1 yıl önce

Announcing seamless Apple Pay onramping for Coinbase Developer Platform🛡️ Embedded Wallets 🚀 Users can add funds to their wallets in seconds without ever leaving your React Native app Native feel, zero friction, maximum conversion
0:13

Announcing seamless Apple Pay onramping for Coinbase Developer Platform🛡️ Embedded Wallets 🚀 Users can add funds to their wallets in seconds without ever leaving your React Native app Native feel, zero friction, maximum conversion

jnix.base.eth

18,097 görüntüleme • 6 ay önce

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇
0:11

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇

Volodymyr

28,071 görüntüleme • 9 ay önce

Bottom Accessory view is coming soon to React Native Bottom Tabs! 🚀 Huge thanks to Johan Kasperi for contributing this 🙏 This looks so cool ⬇️
0:13

Bottom Accessory view is coming soon to React Native Bottom Tabs! 🚀 Huge thanks to Johan Kasperi for contributing this 🙏 This looks so cool ⬇️

Oskar

14,743 görüntüleme • 10 ay önce

Full customisability while leveraging native navigation underneath?✨ I'm working on new feature that would allow you to create totally custom JavaScript Tab Bar in React Native Botom Tabs 🚀
0:15

Full customisability while leveraging native navigation underneath?✨ I'm working on new feature that would allow you to create totally custom JavaScript Tab Bar in React Native Botom Tabs 🚀

Oskar

11,102 görüntüleme • 1 yıl önce

After the Screens 4.0.0 release you asked for more information, so here it is: and article covering most important features, including demo videos of: ✅ support for formSheet presentation on Android ✅ custom detents on iOS ✅ heavy screen preloading for native-stack screens Learn (and see) more on our blog. 👇
0:12

After the Screens 4.0.0 release you asked for more information, so here it is: and article covering most important features, including demo videos of: ✅ support for formSheet presentation on Android ✅ custom detents on iOS ✅ heavy screen preloading for native-stack screens Learn (and see) more on our blog. 👇

Software Mansion

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

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:
0:16

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

65,233 görüntüleme • 1 ay önce

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀
0:16

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀

Oskar

21,638 görüntüleme • 1 yıl önce