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.

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

7,428 subscribers

119,150 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 • 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`

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

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

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

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

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Oskar

18,361 views • 1 year ago

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:

Oskar Kwaśniewski

36,481 views • 1 year 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

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…

Maaz jr 🦅

12,625 views • 1 month ago

react-native-enriched-markdown 0.3.0 is out! 🚀 📝 GFM support (tables, task lists, and autolinks) 🌍 Full right-to-left (RTL) layout support ✨ New inline style properties for link, strong, and emphasis 🛠️ Many bug fixes for better stability Check 🧵for full release notes

react-native-enriched-markdown 0.3.0 is out! 🚀 📝 GFM support (tables, task lists, and autolinks) 🌍 Full right-to-left (RTL) layout support ✨ New inline style properties for link, strong, and emphasis 🛠️ Many bug fixes for better stability Check 🧵for full release notes

Software Mansion

26,459 views • 7 months ago

BLOKTOPIA WALLET is now LIVE! 🥳🪙💰🚀🔥 📱 Available to download on Android 🔜 iOS coming soon! Check out for more information 👇 #Blok #BlokWallet #android #iOS #BestMetaverse

BLOKTOPIA WALLET is now LIVE! 🥳🪙💰🚀🔥 📱 Available to download on Android 🔜 iOS coming soon! Check out for more information 👇 #Blok #BlokWallet #android #iOS #BestMetaverse

Bloktopia

136,260 views • 3 years ago

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇

Software Mansion

11,740 views • 4 months ago

X is finally rolling out the redesign of profiles and tabs! 🔥 The classic blue is gone, active tabs now highlight in black or white, with icons appearing next to the active tab name. You’ll also feel satisfying haptics every time you switch tabs. Profiles just got a lot cleaner: tabs have been replaced by icons, reducing visual clutter. Posts & Highlights are now combined into one tab (just tap to switch between them). Same with Videos & Photos. A brand new Reposts tab has been added, so everything you repost lives there instead of mixing with your original posts. Plus, your posts no longer appear in the Replies tab. I’m loving how X is evolving with the new redesigns they’re doing. Thanks to Benji and the design team for this! 👏

Iorel

15,874 views • 2 months 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 • 6 months ago

So... Vertical tabs are out in Chrome. I thought it would make me switch back to it, I really thought it was the one thing I needed in Chrome. I currently use Dia , but here's the thing. In comparison, the implementation of vertical tabs in Chrome is just awful. It barely changed since I saw it in beta. I thought it would greatly improve during the beta phase, but it did not. So here's everything I dislike about it compared to Dia: 1. It's super laggy. 2. When collapsed, the sidebar moves down, meaning the position of the expand/collapse button shifts down too, making it much harder to find. (I ironically couldn't find the first few seconds of the video specifically because of that) 3. No keyboard shortcut to expand/collapse. 4. Collapsed doesn't move the tabs out of view, they are just tiny. 5. The amount of tabs per line in the grid of pinned tabs is not adjusted depending on the number of tabs. 6. In collapsed mode, all the pinned tabs are now in a column, which can push the actual tabs quite far down. ----- It's just awful. It was built into Chrome as a way to just say "hey we also have vertical tabs!" But the UX is simply awful. This has to be the worst implementation of vertical tabs I've seen so far yet, sadly. For comparison, I'm also showing how Dia handles vertical tabs.

So... Vertical tabs are out in Chrome. I thought it would make me switch back to it, I really thought it was the one thing I needed in Chrome. I currently use Dia , but here's the thing. In comparison, the implementation of vertical tabs in Chrome is just awful. It barely changed since I saw it in beta. I thought it would greatly improve during the beta phase, but it did not. So here's everything I dislike about it compared to Dia: 1. It's super laggy. 2. When collapsed, the sidebar moves down, meaning the position of the expand/collapse button shifts down too, making it much harder to find. (I ironically couldn't find the first few seconds of the video specifically because of that) 3. No keyboard shortcut to expand/collapse. 4. Collapsed doesn't move the tabs out of view, they are just tiny. 5. The amount of tabs per line in the grid of pinned tabs is not adjusted depending on the number of tabs. 6. In collapsed mode, all the pinned tabs are now in a column, which can push the actual tabs quite far down. ----- It's just awful. It was built into Chrome as a way to just say "hey we also have vertical tabs!" But the UX is simply awful. This has to be the worst implementation of vertical tabs I've seen so far yet, sadly. For comparison, I'm also showing how Dia handles vertical tabs.

Dy 🌸🌈

187,535 views • 5 months ago

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

kelvin.dart

67,945 views • 1 month ago

Take the house out on the town, A Little to the Left has gone mobile! 🚎✨🧹 🎉Our cozy puzzler is OUT NOW on iOS for iPhone & iPad! Download free and try it out- no ads! The touch control is 👌 and we've added zoom to help get in those small spaces. 🍎

Take the house out on the town, A Little to the Left has gone mobile! 🚎✨🧹 🎉Our cozy puzzler is OUT NOW on iOS for iPhone & iPad! Download free and try it out- no ads! The touch control is 👌 and we've added zoom to help get in those small spaces. 🍎

Max Inferno // A Little to the Left

12,507 views • 1 year ago