@capgo/capacitor-native-navigation 8.2.6 → 8.2.8

package/ios/Sources/NativeNavigationPlugin/NativeNavigationPlugin.swift

@@ -85,12 +85,31 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
     }
 
     override public func load() {
-        NotificationCenter.default.addObserver(
+        let center = NotificationCenter.default
+        center.addObserver(
             self,
             selector: #selector(handleLayoutChange),
             name: UIDevice.orientationDidChangeNotification,
             object: nil
         )
+        center.addObserver(
+            self,
+            selector: #selector(handleKeyboardFrameChange),
+            name: UIResponder.keyboardWillChangeFrameNotification,
+            object: nil
+        )
+        center.addObserver(
+            self,
+            selector: #selector(handleKeyboardDidHide),
+            name: UIResponder.keyboardDidHideNotification,
+            object: nil
+        )
+        center.addObserver(
+            self,
+            selector: #selector(handleReduceTransparencyChange),
+            name: UIAccessibility.reduceTransparencyStatusDidChangeNotification,
+            object: nil
+        )
     }
 
     deinit {
@@ -212,8 +231,7 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
                 self.applyTabBarAppearance(tabBar: tabBar, options: call)
                 if items.isEmpty {
                     self.tabbarVisible = false
-                    self.setSystemTabBarHidden(true)
-                    self.tabBarController?.view.isHidden = true
+                    self.hideSystemTabBarChromeCompletely()
                 } else {
                     self.showTabBarChrome(tabBar)
                 }
@@ -554,6 +572,68 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
         }
     }
 
+    @objc private func handleKeyboardFrameChange() {
+        DispatchQueue.main.async {
+            self.layoutChrome()
+        }
+    }
+
+    @objc private func handleKeyboardDidHide() {
+        DispatchQueue.main.asyncAfter(deadline: .now() + 0.05) {
+            self.refreshChromeAfterKeyboardDismiss()
+        }
+    }
+
+    @objc private func handleReduceTransparencyChange() {
+        DispatchQueue.main.async {
+            self.refreshTabBarBackgroundIfNeeded()
+            self.layoutChrome()
+            self.updateInsetsAndNotify()
+        }
+    }
+
+    private func refreshChromeAfterKeyboardDismiss() {
+        layoutChrome()
+        refreshTabBarBackgroundIfNeeded()
+        updateInsetsAndNotify()
+    }
+
+    private func refreshTabBarBackgroundIfNeeded() {
+        guard tabbarVisible else {
+            return
+        }
+
+        tabBarController?.view.setNeedsLayout()
+        tabBarController?.view.layoutIfNeeded()
+
+        if let tabBar = tabBar {
+            tabBar.isTranslucent = !prefersOpaqueTabBarBackground()
+            let standardAppearance = tabBar.standardAppearance
+            tabBar.standardAppearance = standardAppearance
+            if #available(iOS 15.0, *) {
+                let scrollEdgeAppearance = tabBar.scrollEdgeAppearance ?? standardAppearance
+                tabBar.scrollEdgeAppearance = scrollEdgeAppearance
+            }
+            tabBar.items?.forEach { item in
+                item.standardAppearance = standardAppearance
+                if #available(iOS 15.0, *) {
+                    item.scrollEdgeAppearance = tabBar.scrollEdgeAppearance
+                }
+            }
+            tabBar.setNeedsLayout()
+            tabBar.layoutIfNeeded()
+        }
+
+        tabContainer?.setNeedsLayout()
+        tabContainer?.layoutIfNeeded()
+        floatingTabBar?.setNeedsLayout()
+        floatingTabBar?.layoutIfNeeded()
+    }
+
+    private func prefersOpaqueTabBarBackground() -> Bool {
+        UIAccessibility.isReduceTransparencyEnabled
+    }
+
     private func ensureNavBar() -> UINavigationBar {
         if let navBar = navBar {
             return navBar
@@ -790,21 +870,46 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
             return
         }
 
+        let tabBar = tabBarController.tabBar
         if #available(iOS 18.0, *) {
             tabBarController.setTabBarHidden(hidden, animated: false)
         } else {
-            tabBarController.tabBar.isHidden = hidden
+            tabBar.isHidden = hidden
+        }
+
+        if hidden {
+            setTabBarBackgroundSubviewsHidden(true, on: tabBar)
+        } else {
+            setTabBarBackgroundSubviewsHidden(false, on: tabBar)
+            tabBar.setNeedsLayout()
+            tabBar.layoutIfNeeded()
+        }
+    }
+
+    private func setTabBarBackgroundSubviewsHidden(_ hidden: Bool, on tabBar: UITabBar) {
+        tabBar.isHidden = hidden
+        tabBar.alpha = hidden ? 0 : 1
+        tabBar.isUserInteractionEnabled = !hidden
+        tabBar.subviews.forEach { subview in
+            subview.isHidden = hidden
+            subview.alpha = hidden ? 0 : 1
         }
     }
 
+    private func hideSystemTabBarChromeCompletely() {
+        applySystemTabBarItems([], selectedIndex: nil, animated: false)
+        setSystemTabBarHidden(true)
+        tabBarController?.view.isHidden = true
+        tabContainer?.isHidden = true
+        floatingTabBar?.isHidden = true
+    }
+
     private func hideTabBarChrome() {
         if usesSystemLiquidGlass && tabbarStyle.shape != .curve {
-            setSystemTabBarHidden(true)
-            tabBarController?.view.isHidden = false
-            hostWebViewInSelectedSystemTab()
+            hideSystemTabBarChromeCompletely()
         } else {
-            tabContainer?.isHidden = true
-            floatingTabBar?.isHidden = true
+            restoreWebViewFromSystemTabController()
+            hideSystemTabBarChromeCompletely()
             tabBar?.isHidden = true
         }
     }
@@ -1314,6 +1419,7 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
             applyTabBarColorOptions(scrollEdgeAppearance, tabBar: tabBar, options: call)
             applyTabBarBadgeOptions(scrollEdgeAppearance, options: call)
 
+            tabBar.isTranslucent = !prefersOpaqueTabBarBackground()
             tabBar.standardAppearance = standardAppearance
             if #available(iOS 15.0, *) {
                 tabBar.scrollEdgeAppearance = scrollEdgeAppearance
@@ -1341,6 +1447,10 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
 
     private func configureTabBarBackground(_ appearance: UITabBarAppearance, options call: CAPPluginCall) {
         appearance.configureWithDefaultBackground()
+        if prefersOpaqueTabBarBackground() {
+            tabEffectView?.isHidden = true
+            return
+        }
         if let effect = blurEffect(from: call.getString("blurEffect"), fallback: nil) {
             appearance.configureWithTransparentBackground()
             appearance.backgroundColor = .clear
@@ -1356,7 +1466,7 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
     }
 
     private func configureSystemTabBarScrollEdgeBackground(_ appearance: UITabBarAppearance, options call: CAPPluginCall) {
-        if call.getBool("disableTransparentOnScrollEdge", false) {
+        if call.getBool("disableTransparentOnScrollEdge", false) || prefersOpaqueTabBarBackground() {
             configureSystemTabBarStandardBackground(appearance)
         } else {
             appearance.configureWithTransparentBackground()
@@ -1409,7 +1519,7 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
         let backgroundTint = colorValue(colors?["background"])
         let backgroundColor = (backgroundTint ?? .systemBackground).withAlphaComponent(tabbarStyle.shape == .curve ? 0.96 : 0.46)
 
-        if tabbarStyle.shape == .curve {
+        if tabbarStyle.shape == .curve || prefersOpaqueTabBarBackground() {
             tabEffectView?.isHidden = true
         } else if let effect = blurEffect(from: call.getString("blurEffect"), fallback: .systemChromeMaterial) {
             tabEffectView?.effect = effect
@@ -1419,7 +1529,8 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
             tabEffectView?.isHidden = true
         }
 
-        tabBar.backgroundFillColor = backgroundColor
+        let opaqueBackground = backgroundTint ?? .systemBackground
+        tabBar.backgroundFillColor = prefersOpaqueTabBarBackground() ? opaqueBackground : backgroundColor
         if let color = colorValue(colors?["tint"]) {
             tabBar.selectedTintColor = color
         }
@@ -1598,6 +1709,11 @@ public class NativeNavigationPlugin: CAPPlugin, CAPBridgedPlugin, UITabBarContro
         let width = rootView.bounds.width
         let height = rootView.bounds.height
 
+        if let container = systemTabRootContainer {
+            container.frame = rootView.bounds
+            webView?.frame = container.bounds
+        }
+
         if let container = navContainer {
             container.frame = CGRect(x: 0, y: 0, width: width, height: safeInsets.top + navbarHeight)
             navBlurView?.frame = container.bounds
@@ -2344,7 +2460,7 @@ final class NativeNavigationTabController: UITabBarController {
         super.viewDidLoad()
         view.backgroundColor = .systemBackground
         view.isOpaque = true
-        tabBar.isTranslucent = true
+        tabBar.isTranslucent = !UIAccessibility.isReduceTransparencyEnabled
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capgo/capacitor-native-navigation",
-  "version": "8.2.6",
+  "version": "8.2.8",
   "description": "Capacitor plugin for native navbar, tabbar, safe-area handling, and WebView snapshot transitions.",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",