Загрузка видео...

Не удалось загрузить видео

На главную

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

o_kwasniewski's profile picture

Oskar

8,108 subscribers

15,464 просмотров • 1 год назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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:
0:13

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 просмотров • 1 год назад

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

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

Oskar

28,135 просмотров • 1 год назад

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 просмотров • 1 год назад

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 ⬇️
0:12

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 просмотров • 11 месяцев назад

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 🔧
0:18

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 просмотров • 1 год назад

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…
0:10

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 просмотров • 1 месяц назад

Introducing HeroUI Native beta.10 🎄 Last release of 2025 with a solid one: 🧩 New Bottom Sheet component 👆 Better press feedback API 🌀 Animation API improvements 🐛 Bug fixes and small interactions tweaks Big things coming in 2026 🚀
0:18

Introducing HeroUI Native beta.10 🎄 Last release of 2025 with a solid one: 🧩 New Bottom Sheet component 👆 Better press feedback API 🌀 Animation API improvements 🐛 Bug fixes and small interactions tweaks Big things coming in 2026 🚀

HeroUI

44,419 просмотров • 8 месяцев назад

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:
0:11

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 😄
0:11

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 просмотров • 1 год назад

How Apple could keep the bottom search bar in iOS 26.4 without disturbing the flat navigation hierarchy. This also solves the problem of multiple tabs having their own search bar (which right now go on top of the screen)
0:11

How Apple could keep the bottom search bar in iOS 26.4 without disturbing the flat navigation hierarchy. This also solves the problem of multiple tabs having their own search bar (which right now go on top of the screen)

Vidit Bhargava

109,801 просмотров • 6 месяцев назад

HeroUI Native beta.11! 🚀 Kicking off 2026 with our first release. ✨ New showcase (Super App Paywall) 🧩 Enhanced BottomSheet coordination ✏️ Refactored & improved TextField 🐛 A lot of bug fixes across the board 📚 Documentation updates We’re just getting started 🤘🔥
0:10

HeroUI Native beta.11! 🚀 Kicking off 2026 with our first release. ✨ New showcase (Super App Paywall) 🧩 Enhanced BottomSheet coordination ✏️ Refactored & improved TextField 🐛 A lot of bug fixes across the board 📚 Documentation updates We’re just getting started 🤘🔥

HeroUI

11,890 просмотров • 8 месяцев назад

New React Aria release! ✅ Multi-select ComboBox with customizable selection rendering (e.g. TagGroup) 🏝️ Tree sections – create labeled groups of items 💯 Better NumberField paste handling 📆 Improved Calendar month and year dropdown behavior 🐞 Lots of bug fixes!
0:16

New React Aria release! ✅ Multi-select ComboBox with customizable selection rendering (e.g. TagGroup) 🏝️ Tree sections – create labeled groups of items 💯 Better NumberField paste handling 📆 Improved Calendar month and year dropdown behavior 🐞 Lots of bug fixes!

Devon Govett

19,077 просмотров • 6 месяцев назад

HeroUI Native beta.13! 🚀 🧩 Brand-new TextArea, Input, and CloseButton components 📦 Granular exports for better bundle optimization 🎨 Style class exports for maximum flexibility 🐛 Bug fixes & critical refactors Stable release incoming, get ready!
0:13

HeroUI Native beta.13! 🚀 🧩 Brand-new TextArea, Input, and CloseButton components 📦 Granular exports for better bundle optimization 🎨 Style class exports for maximum flexibility 🐛 Bug fixes & critical refactors Stable release incoming, get ready!

HeroUI

19,638 просмотров • 7 месяцев назад

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!
0:13

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Jacob Clausen

33,633 просмотров • 1 год назад

Starting with iOS 27, we can actually convert a tab bar to a sidebar. A new modifier was introduced to do this. “.defaultTabBarPlacement(.sidebar)” As of current testing, this seems to work on iPhones as well when the app is in landscape mode. This is the same behavior used in the iPhone Health app, where the tab bar converts into a sidebar in landscape mode!
0:11

Starting with iOS 27, we can actually convert a tab bar to a sidebar. A new modifier was introduced to do this. “.defaultTabBarPlacement(.sidebar)” As of current testing, this seems to work on iPhones as well when the app is in landscape mode. This is the same behavior used in the iPhone Health app, where the tab bar converts into a sidebar in landscape mode!

Kavsoft

57,448 просмотров • 3 месяцев назад

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!
0:13

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 просмотров • 5 месяцев назад

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
0:16

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 просмотров • 1 месяц назад