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,072 subscribers

82,828 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,395 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 • 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,702 views • 7 months 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 🥓

78,809 views • 8 months ago

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️

React Navigation

19,204 views • 8 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 🚀

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 Kwaśniewski

10,780 views • 1 year 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,559 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,681 views • 4 months ago

any ideas where do the native tabs pick a white background when i switch tabs?

any ideas where do the native tabs pick a white background when i switch tabs?

Vadim Savin @notJust.dev

15,881 views • 4 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,739 views • 7 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 • 8 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

598,965 views • 1 month 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,368 views • 6 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

18,097 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,025 views • 2 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,356 views • 2 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 • 8 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,155 views • 5 months ago

Thanks to an amazing contributor, Ghostty now supports a beautiful titlebar with tabs in the titlebar. These are still fully native tabs, we surgically modify macOS's view hierarchy to make them look like this, so they retain all the macOS native behaviors you'd expect.

Thanks to an amazing contributor, Ghostty now supports a beautiful titlebar with tabs in the titlebar. These are still fully native tabs, we surgically modify macOS's view hierarchy to make them look like this, so they retain all the macOS native behaviors you'd expect.

Mitchell Hashimoto

42,234 views • 2 years ago