[autofix.ci] apply automated fixes

Author: autofix-ci[bot]

blog/2025-01-29-using-react-navigation-with-native-bottom-tabs.md

@@ -8,10 +8,9 @@ This is a guest post by Oskar Kwaśniewski, creator of `react-native-bottom-tabs
 
 This blog post will explain the differences between the JavaScript Bottom Tabs navigator and provide a step-by-step guide for integrating React Navigation with the Native Bottom Tabs Navigator.
 
-
 ## Introduction
 
-React Navigation comes with many navigators out of the box. We've got Stack, Native Stack, Drawer, and Bottom Tabs, but there were no Native Bottom Tabs until today! 
+React Navigation comes with many navigators out of the box. We've got Stack, Native Stack, Drawer, and Bottom Tabs, but there were no Native Bottom Tabs until today!
 
 Both Android and iOS have predefined native components for handling bottom navigation. For iOS it's SwiftUI's `TabView` component and for Android it's `BottomNavigationView`. The native approach gives us an appropriate appearance no matter the platform we are running on. Native Bottom Tabs is a navigator that wraps the native `TabView` and `BottomNavigationView` - so you can use them with React Navigation.
 
@@ -23,12 +22,11 @@ Note: Native Bottom Tabs navigator is a standalone package, not released as part
 
 You still might be wondering the difference between `@react-navigation/bottom-tabs` and `react-native-bottom-tabs`.
 
-Let's go over the main differences: 
+Let's go over the main differences:
 
 - JS Bottom Tabs recreate the UI as closely as possible while **Native Bottom Tabs use native platform primitives** to create the tabs. This makes your tab navigation indistinguishable from Native Apps as they use the same components under the hood.
 - Native Bottom Tabs **adapt to interfaces of a given platform** for example: tvOS and visionOS show tabs as a sidebar on iPadOS they appear at the top, while JS Bottom Tabs are always at the bottom.
 
-
 ### Distinctive features of Native Bottom Tabs
 
 #### Multi-platform support
@@ -71,7 +69,6 @@ The operating system recognizes navigation in your app making the Picture in Pic
 
 For iOS bottom navigation has a built-in blur making your app stand out. For Android, you can choose between Material 2 and Material 3 and leverage Material You system styling.
 
-
 #### Sidebar
 
 TabView can turn in to a side bar on tvOS, iPadOS and macOS. The `sidebarAdaptable` prop controls this.
@@ -80,7 +77,6 @@ TabView can turn in to a side bar on tvOS, iPadOS and macOS. The `sidebarAdaptab
 
 To get started follow the installation instructions in the `react-native-bottom-tabs` [documentation](https://callstackincubator.github.io/react-native-bottom-tabs/docs/getting-started/quick-start.html).
 
-
 Native Bottom Tabs Navigation resembles JavaScript Tabs API as closely as possible. Making your migration straightforward.
 
 As mentioned before, Native Bottom Tabs use native primitives to create the tabs. This approach also has some downsides: Native components enforce certain constraints that we need to follow.
@@ -102,10 +98,10 @@ There are a few differences between the APIs worth noting. One of the biggest is
   }}
 />
 ```
-So if you need full customizability like providing custom tab bar icons, and advanced styling that goes beyond what’s possible with native components you should use JavaScript bottom tabs. 
 
-On top of that, the scope of this library doesn’t include the web so for that platform, you should use JavaScript Tabs.
+So if you need full customizability like providing custom tab bar icons, and advanced styling that goes beyond what’s possible with native components you should use JavaScript bottom tabs.
 
+On top of that, the scope of this library doesn’t include the web so for that platform, you should use JavaScript Tabs.
 
 To get started you can import `createNativeBottomTabNavigator` from `@bottom-tabs/react-navigation` and use it the same way as JavaScript Bottom Tabs.
 
@@ -143,7 +139,3 @@ function NativeBottomTabs() {
 You can check out the project [here](https://github.com/callstackincubator/react-native-bottom-tabs).
 
 Thanks for reading!
-
-
-
-

blog/authors.yml

@@ -40,7 +40,6 @@ dawid:
     x: trensik
     github: Trancever
 
-
 oskar:
   name: Oskar Kwaśniewski
   image_url: https://avatars.githubusercontent.com/u/52801365