React Navigation now supports native iOS & Android bottom tabs. If you’re using bottom tabs in a React Native app, you’ve likely used the JS-based version (createBottomTabNavigator). But now there’s an experimental native-backed alternative: createNativeBottomTabNavigator. 𝗪𝗵𝗮𝘁 𝗱𝗼𝗲𝘀 𝘁𝗵𝗮𝘁 𝗺𝗲𝗮𝗻? ➡️ On iOS, it uses UITabBarController ➡️ On Android, it uses BottomNavigationView ➡️ You still write tabs using React components — but under the hood, the UI is rendered using actual native components. 𝗪𝗵𝘆 𝘂𝘀𝗲 𝗶𝘁? ➡️ Better platform fidelity — animations, accessibility, gestures all work as users expect ➡️ No JS rendering of the tab bar = less overhead ➡️ Some built-in behaviors are free: like search tabs turning into native search bars on iOS 16 𝗧𝗵𝗶𝗻𝗴𝘀 𝘁𝗼 𝗻𝗼𝘁𝗲: ➡️ Still marked as 𝗲𝘅𝗽𝗲𝗿𝗶𝗺𝗲𝗻𝘁𝗮𝗹 — APIs may change ➡️ Works on 𝗶𝗢𝗦 𝗮𝗻𝗱 𝗔𝗻𝗱𝗿𝗼𝗶𝗱 𝗼𝗻𝗹𝘆 (no web support) ➡️ Requires 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝟬.𝟳𝟵 or 𝗘𝘅𝗽𝗼 𝗦𝗗𝗞 𝟱𝟯 if using Expo ➡️ On Android, you’re limited to 5 tabs max (platform constraint) If you're targeting Catalyst/macOS, tvOS, iPadOS (with proper sidebar adaptation), or visionOS, the Callstack react-native-bottom-tabs integration (recommended in the official React Navigation blog) is currently more mature and supports all these platforms out-of-the-box with beautiful native adaptations. Would you switch to native tabs in your RN app? Or do the JS-based ones still give you all the flexibility you need? #ReactNative #ReactNavigation #BottomTabs #MobileDev #iOSDevelopment #AndroidDev #OpenSource #JSI #NativeComponents #Navigation

Check out #NativeComponents #leather #Woven #Bolero #jackets #JacketSeason #Southwestern #Tapestry #Womensfashion #eBay #Bolero ebay.us/fOR7z6 via @eBay

🤓Dropping some dev knowledge - "How To Create Native Modules in React Native" clever.ly/blog/2017/05/09/go… #react #reactnative #nativecomponents

#ReactEurope Animations for ReactNative => NativeComponents or LayoutAnimation or Animted.js