Loading video...

Video Failed to Load

Go Home

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 views • 8 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 2 months ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 11 months ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 2 months ago

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 views • 1 year ago

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 views • 4 months ago

🤯 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 views • 1 year ago

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 views • 6 months ago

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 views • 9 months ago

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 views • 10 months ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 1 month ago

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 views • 1 year ago