Fixed visibility of tabbar when reactions are shown (#750)

GetStream · Feb 10, 2025 · 9854b64 · 9854b64
1 parent 554d52b
commit 9854b64
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,7 +3,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 # Upcoming
 
-### 🔄 Changed
+### 🐞 Fixed
+- Fix visibility of tabbar when reactions are shown [#750](https://github.com/GetStream/stream-chat-swiftui/pull/750)
 
 # [4.72.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.72.0)
 _February 04, 2025_

diff --git a/Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift b/Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift
@@ -89,10 +89,10 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
                     Divider()
                         .navigationBarBackButtonHidden(viewModel.reactionsShown)
                         .if(viewModel.reactionsShown, transform: { view in
-                            view.navigationBarHidden(true)
+                            view.changeBarsVisibility(shouldShow: false)
                         })
                         .if(!viewModel.reactionsShown, transform: { view in
-                            view.navigationBarHidden(false)
+                            view.changeBarsVisibility(shouldShow: true)
                         })
                         .if(viewModel.channelHeaderType == .regular) { view in
                             view.modifier(factory.makeChannelHeaderViewModifier(for: channel))

diff --git a/Sources/StreamChatSwiftUI/Utils/Modifiers.swift b/Sources/StreamChatSwiftUI/Utils/Modifiers.swift
@@ -79,6 +79,24 @@ struct IconOverImageModifier: ViewModifier {
     }
 }
 
+struct ChangeBarsVisibilityModifier: ViewModifier {
+
+    @Injected(\.utils) private var utils
+
+    var shouldShow: Bool
+
+    func body(content: Content) -> some View {
+        if #available(iOS 16, *), !utils.messageListConfig.handleTabBarVisibility {
+            content
+                .navigationBarHidden(!shouldShow)
+                .toolbar(shouldShow ? .visible : .hidden, for: .tabBar)
+        } else {
+            content
+                .navigationBarHidden(!shouldShow)
+        }
+    }
+}
+
 extension View {
     /// View extension that applies default padding to elements.
     public func standardPadding() -> some View {
@@ -92,6 +110,10 @@ extension View {
     public func applyDefaultIconOverlayStyle() -> some View {
         modifier(IconOverImageModifier())
     }
+
+    public func changeBarsVisibility(shouldShow: Bool) -> some View {
+        modifier(ChangeBarsVisibilityModifier(shouldShow: shouldShow))
+    }
 }
 
 extension Image {