Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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`

o_kwasniewski's profile picture

Oskar

8,072 subscribers

82,828 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimHaberler & Politika
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,395 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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,702 görüntüleme • 7 ay önce

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

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 görüntüleme • 8 ay önce

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

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 görüntüleme • 8 ay önce

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

10,780 görüntüleme • 1 yıl önce

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

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

Evan Bacon 🥓

126,559 görüntüleme • 1 yıl önce

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

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 görüntüleme • 4 ay önce

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

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

Vadim Savin @notJust.dev

15,881 görüntüleme • 4 ay önce

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

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 görüntüleme • 7 ay önce

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! 🎉
0:15

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 görüntüleme • 8 ay önce

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.
0:20

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,984 görüntüleme • 1 ay önce

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

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 görüntüleme • 6 ay önce

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

18,097 görüntüleme • 1 yıl önce

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,025 görüntüleme • 2 ay önce

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

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 görüntüleme • 2 ay önce

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

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 görüntüleme • 8 ay önce

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

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 görüntüleme • 5 ay önce

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

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 görüntüleme • 2 yıl önce