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

5,409 subscribers

73,326 views • 9 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,907 views • 3 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,336 views • 1 year ago

🤯 Still blows my mind how easy it is to call native APIs from #KotlinMultiplatform In this PR, I delegate to a native iOS 'bottom sheet' with a UIDatePicker, all written in Kotlin, and driven from Compose.
0:12

🤯 Still blows my mind how easy it is to call native APIs from #KotlinMultiplatform In this PR, I delegate to a native iOS 'bottom sheet' with a UIDatePicker, all written in Kotlin, and driven from Compose.

Chris Banes

61,265 views • 3 years 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 • 2 years 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,118 views • 2 years 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,236 views • 4 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,966 views • 6 months 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

18,107 views • 8 months ago

Added an optional cursor gravity effect to Thinking orbs, just for fun. 9 types, ready to use with React, React Native and SwiftUI Collab with alex brinza
0:14

Added an optional cursor gravity effect to Thinking orbs, just for fun. 9 types, ready to use with React, React Native and SwiftUI Collab with alex brinza

Jakub Antalik

39,055 views • 1 month 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,280 views • 10 months ago

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇
0:14

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇

Mehdi · Motionary

11,264 views • 1 month 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 • 1 year 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