@momo-kits/native-kits 0.167.1-duo.20 → 0.167.1-duo.21

package/ios/Navigation/Component/HeaderRight.swift

@@ -349,20 +349,39 @@ struct Toolkit: View {
 }
 
 /// Mirrors Compose's `NavigationButton`: the 28pt circular shortcut / more button.
-struct NavigationButton: View {
+public struct NavigationButton: View {
     var disabled: Bool
     var icon: String
     var showBadge: Bool
-    var headerColor: HeaderColor
+    var headerColor: HeaderColor?
     var onClick: () -> Void
 
-    var body: some View {
+    @Environment(\.headerColor) private var barColor
+
+    /// Colors follow the enclosing header, so it fits a custom header right next to the toolkit.
+    public init(icon: String, showBadge: Bool = false, disabled: Bool = false, onClick: @escaping () -> Void) {
+        self.init(disabled: disabled, icon: icon, showBadge: showBadge, headerColor: nil, onClick: onClick)
+    }
+
+    init(disabled: Bool, icon: String, showBadge: Bool, headerColor: HeaderColor?, onClick: @escaping () -> Void) {
+        self.disabled = disabled
+        self.icon = icon
+        self.showBadge = showBadge
+        self.headerColor = headerColor
+        self.onClick = onClick
+    }
+
+    private var colors: HeaderColor {
+        headerColor ?? barColor ?? getHeaderColor(isAnimated: false, isSurface: true, opacity: 1, tintColor: nil)
+    }
+
+    public var body: some View {
         SwiftUI.Button(action: onClick) {
             ZStack {
                 Circle()
-                    .fill(headerColor.backgroundButton)
-                    .overlay(Circle().stroke(headerColor.borderColor, lineWidth: 0.2))
-                Icon(source: icon, size: 20, color: headerColor.tintIconColor)
+                    .fill(colors.backgroundButton)
+                    .overlay(Circle().stroke(colors.borderColor, lineWidth: 0.2))
+                Icon(source: icon, size: 20, color: colors.tintIconColor)
             }
             .frame(width: 28, height: 28)
             .overlay(alignment: .topTrailing) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.167.1-duo.20",
+  "version": "0.167.1-duo.21",
   "private": false,
   "dependeNavigationncies": {},
   "devDependencies": {},