Added support for hiding tabview when chat channel shown

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift

@@ -6,12 +6,14 @@ import StreamChat
 import SwiftUI
 
 /// View for the chat channel.
-public struct ChatChannelView<Factory: ViewFactory>: View {
+public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
     @Injected(\.colors) private var colors
 
     @StateObject private var viewModel: ChatChannelViewModel
 
     @State private var messageDisplayInfo: MessageDisplayInfo?
+    @State private var keyboardShown = false
+    @State private var tabBarAvailable: Bool = false
 
     private var factory: Factory
 
@@ -94,11 +96,29 @@ public struct ChatChannelView<Factory: ViewFactory>: View {
                 .edgesIgnoringSafeArea(.all)
                 : nil
         )
+        .onReceive(keyboardWillChangePublisher, perform: { visible in
+            keyboardShown = visible
+        })
         .onAppear {
             viewModel.onViewAppear()
         }
         .onDisappear {
             viewModel.onViewDissappear()
         }
+        .background(
+            Color.clear.background(
+                TabBarAccessor { _ in
+                    self.tabBarAvailable = true
+                }
+            )
+            .allowsHitTesting(false)
+        )
+        .padding(.bottom, keyboardShown || !tabBarAvailable ? 0 : bottomPadding)
+        .ignoresSafeArea(.container, edges: tabBarAvailable ? .bottom : [])
+    }
+    
+    private var bottomPadding: CGFloat {
+        let bottomPadding = topVC()?.view.safeAreaInsets.bottom ?? 0
+        return bottomPadding
     }
 }

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelHelperViews.swift

@@ -74,3 +74,33 @@ extension CGSize {
     /// Default size of the avatar used in the channel list.
     public static var defaultAvatarSize: CGSize = CGSize(width: 48, height: 48)
 }
+
+/// Provides access to the the app's tab bar (if present).
+struct TabBarAccessor: UIViewControllerRepresentable {
+    var callback: (UITabBar) -> Void
+    private let proxyController = ViewController()
+
+    func makeUIViewController(context: UIViewControllerRepresentableContext<TabBarAccessor>) ->
+        UIViewController {
+        proxyController.callback = callback
+        return proxyController
+    }
+
+    func updateUIViewController(
+        _ uiViewController: UIViewController,
+        context: UIViewControllerRepresentableContext<TabBarAccessor>
+    ) {}
+
+    typealias UIViewControllerType = UIViewController
+
+    private class ViewController: UIViewController {
+        var callback: (UITabBar) -> Void = { _ in }
+
+        override func viewWillAppear(_ animated: Bool) {
+            super.viewWillAppear(animated)
+            if let tabBar = tabBarController {
+                callback(tabBar.tabBar)
+            }
+        }
+    }
+}

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListView.swift

@@ -12,6 +12,7 @@ public struct ChatChannelListView<Factory: ViewFactory>: View {
 
     @StateObject private var viewModel: ChatChannelListViewModel
     @StateObject private var channelHeaderLoader = ChannelHeaderLoader()
+    @State private var tabBar: UITabBar?
 
     private let viewFactory: Factory
     private let title: String
@@ -124,12 +125,33 @@ public struct ChatChannelListView<Factory: ViewFactory>: View {
         .if(isIphone, transform: { view in
             view.navigationViewStyle(.stack)
         })
+        .background(
+            Color.clear.background(
+                TabBarAccessor { tabBar in
+                    self.tabBar = tabBar
+                }
+            )
+            .allowsHitTesting(false)
+        )
+        .onReceive(viewModel.$hideTabBar) { newValue in
+            self.setupTabBarAppeareance()
+            self.tabBar?.isHidden = newValue
+        }
     }
 
     private var isIphone: Bool {
         UIDevice.current.userInterfaceIdiom == .phone
     }
 
+    private func setupTabBarAppeareance() {
+        if #available(iOS 15.0, *) {
+            let tabBarAppearance: UITabBarAppearance = UITabBarAppearance()
+            tabBarAppearance.configureWithDefaultBackground()
+            UITabBar.appearance().standardAppearance = tabBarAppearance
+            UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
+        }
+    }
+    
     @ViewBuilder
     private func customViewOverlay() -> some View {
         switch viewModel.customChannelPopupType {

Sources/StreamChatSwiftUI/ChatChannelList/ChatChannelListViewModel.swift

@@ -41,6 +41,9 @@ open class ChatChannelListViewModel: ObservableObject, ChatChannelListController
     }
 
     @Published public var selectedChannel: ChannelSelectionInfo? {
+        willSet {
+            hideTabBar = newValue != nil
+        }
         didSet {
             if oldValue != nil && selectedChannel == nil {
                 // pop happened, apply the queued changes.
@@ -73,7 +76,12 @@ open class ChatChannelListViewModel: ObservableObject, ChatChannelListController
 
     @Published public var alertShown = false
     @Published public var loading = false
-    @Published public var customAlertShown = false
+    @Published public var customAlertShown = false {
+        didSet {
+            hideTabBar = customAlertShown
+        }
+    }
+
     @Published public var searchText = "" {
         didSet {
             handleSearchTextChange()
@@ -82,6 +90,7 @@ open class ChatChannelListViewModel: ObservableObject, ChatChannelListController
 
     @Published public var loadingSearchResults = false
     @Published public var searchResults = [ChannelSelectionInfo]()
+    @Published var hideTabBar = false
 
     var isSearching: Bool {
         !searchText.isEmpty