feat(iOS): make tabview background transparent

.changeset/dull-walls-share.md

@@ -0,0 +1,5 @@
+---
+'react-native-bottom-tabs': patch
+---
+
+feat: make tabview background transparent

packages/react-native-bottom-tabs/ios/TabViewImpl.swift

@@ -56,6 +56,8 @@
         }
       #endif
       .introspectTabView { tabController in
+        tabController.view.backgroundColor = .clear
+        tabController.viewControllers?.forEach { $0.view.backgroundColor = .clear }
         #if os(macOS)
           tabBar = tabController
         #else
@@ -117,7 +119,7 @@
   }
 #endif
 
 
 #if !os(macOS)
   private func configureTransparentAppearance(tabBar: UITabBar, props: TabViewProps) {
     tabBar.barTintColor = props.barTintColor

packages/react-native-bottom-tabs/ios/TabViewProvider.swift

@@ -38,14 +38,14 @@
 }
 
 @objc public protocol TabViewProviderDelegate {
   func onPageSelected(key: String, reactTag: NSNumber?)
   func onLongPress(key: String, reactTag: NSNumber?)
   func onTabBarMeasured(height: Int, reactTag: NSNumber?)
   func onLayout(size: CGSize, reactTag: NSNumber?)
 }
 
 @objc public class TabViewProvider: PlatformView {
-  private var delegate: TabViewProviderDelegate?
+  private weak var delegate: TabViewProviderDelegate?
   private var props = TabViewProps()
   private var hostingController: PlatformHostingController<TabViewImpl>?
   private var coalescingKey: UInt16 = 0
@@ -57,7 +57,7 @@
   @objc var onTabBarMeasured: RCTDirectEventBlock?
   @objc var onNativeLayout: RCTDirectEventBlock?
 
   @objc public var icons: NSArray? {
     didSet {
       loadIcons(icons)
     }
@@ -87,7 +87,7 @@
     }
   }
 
   @objc public var selectedPage: NSString? {
     didSet {
       props.selectedPage = selectedPage as? String
     }
@@ -99,13 +99,13 @@
     }
   }
 
   @objc public var scrollEdgeAppearance: NSString? {
     didSet {
       props.scrollEdgeAppearance = scrollEdgeAppearance as? String
     }
   }
 
   @objc public var minimizeBehavior: NSString? {
     didSet {
       props.minimizeBehavior = MinimizeBehavior(rawValue: minimizeBehavior as? String ?? "")
     }
@@ -117,7 +117,7 @@
     }
   }
 
   @objc var items: NSArray? {
     didSet {
       props.items = parseTabData(from: items)
     }
@@ -212,6 +212,7 @@
 
     if let hostingController = self.hostingController, let parentViewController = reactViewController() {
       parentViewController.addChild(hostingController)
+      hostingController.view.backgroundColor = .clear
       addSubview(hostingController.view)
       hostingController.view.translatesAutoresizingMaskIntoConstraints = false
       hostingController.view.pinEdges(to: self)