Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

8,124 subscribers

82,835 views • 1 year ago •via X (Twitter)

Science & Technology Education News & Politics

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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:

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

React Native Bottom Tabs v0.9.2 is out! ✨ - Tabs are now properly working on iOS 26 🚀 - Measure custom tab bars (for useBottomTabBarHeight) 📏 - Initial layout fixes 📱 Check it out:

React Native Bottom Tabs v0.9.2 is out! ✨ - Tabs are now properly working on iOS 26 🚀 - Measure custom tab bars (for useBottomTabBarHeight) 📏 - Initial layout fixes 📱 Check it out:

Oskar

119,150 views • 1 year ago

New release of React Native Bottom Tabs ✨ - Tab Bar Search Role 🔍 - iOS 26 Minimize Behavior 🆕 - Bug fixes 🐛

New release of React Native Bottom Tabs ✨ - Tab Bar Search Role 🔍 - iOS 26 Minimize Behavior 🆕 - Bug fixes 🐛

Oskar

15,464 views • 11 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 ⬇️

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

React Native Bottom Tabs 0.5.0 is out 🚀🎉 - SVG Support 🖼️🥳 - Remote icon assets 🌐 - Custom fonts, label styles 🎨 - Bug fixes 🐛

React Native Bottom Tabs 0.5.0 is out 🚀🎉 - SVG Support 🖼️🥳 - Remote icon assets 🌐 - Custom fonts, label styles 🎨 - Bug fixes 🐛

Oskar

28,135 views • 1 year ago

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals

Evan Bacon 🥓

79,353 views • 10 months ago

A new version of React Native Bottom Tabs 0.8.0 is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧

A new version of React Native Bottom Tabs 0.8.0 is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧

Oskar

27,887 views • 1 year ago

React Native Bottom Tabs 1.0.0 is out ✨ - Drops old architecture 🌅 - Simplifies build configuration, making it fully compatible with Expo Image ✅ - Bunch of bug fixes 🐛 It works with Expo router, React Navigation and in standalone mode ⬇️

React Native Bottom Tabs 1.0.0 is out ✨ - Drops old architecture 🌅 - Simplifies build configuration, making it fully compatible with Expo Image ✅ - Bunch of bug fixes 🐛 It works with Expo router, React Navigation and in standalone mode ⬇️

Oskar

76,602 views • 9 months ago

In @Expo Router v4 you can easily turn routes into native bottom sheets. Works on both iOS, and Android.

In @Expo Router v4 you can easily turn routes into native bottom sheets. Works on both iOS, and Android.

Evan Bacon 🥓

126,784 views • 1 year ago

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

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

Kacper Kapuściak

72,919 views • 6 months ago

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

10,825 views • 8 months 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! 🎉

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

Introducing a top-to-bottom update for your tabs…literally. Vertical tabs are coming to Chrome! 🚦 And there is more: A full-page view free from distraction with a new immersive reading mode.

Introducing a top-to-bottom update for your tabs…literally. Vertical tabs are coming to Chrome! 🚦 And there is more: A full-page view free from distraction with a new immersive reading mode.

Chrome

599,832 views • 3 months ago

It’s really satisfying when you can offer a native experience in React Native and encapsulate it for reuse. React Native is Native.

It’s really satisfying when you can offer a native experience in React Native and encapsulate it for reuse. React Native is Native.

Ferran

91,454 views • 8 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.

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

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 views • 3 months ago

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

React Navigation

12,374 views • 3 months ago

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

Devon Govett

22,905 views • 10 months ago

i couldn't find any good chart library for mobile, so i built my own - fully native for android and ios - 60 fps ultra-smooth scrolling - indicators and drawing tool - fluid gesture recognition - real-time updates react native / swift

i couldn't find any good chart library for mobile, so i built my own - fully native for android and ios - 60 fps ultra-smooth scrolling - indicators and drawing tool - fluid gesture recognition - real-time updates react native / swift

Suhail Kakar

61,224 views • 7 months ago