Fix: A circle button is visible beneath ChannelAvatarView in ChatChannelView

[sheep-q]

What did you do?

• NavigationBar has its own color, which is different from colors.background (white).
• Using makeChannelHeaderViewModifier of DefaultViewFactory.
• Go to a chat screen from the list chat channel.

What did you expect to happen?

The channel avatar view should show correctly like this:

What happened instead?

A circle button, which is filled colors.background, is visible beneath ChannelAvatarView in ChatChannelView:

Fix:

Configure style for button in ToolbarItem, which automates adding padding for Button, it seems like a bug of SwiftUI.
-> Add this line .buttonStyle(.plain) to here like this:

GetStream Environment

GetStream Chat version: 4.66.0
GetStream Chat frameworks: StreamChat, StreamChatSwiftUI
iOS version: iOS 17, iOS 18
Swift version: 5.5
Xcode version: 16.2
Device: both device + simulator

Additional context

Condition to reproduce: NavigationBar has its own color, which is different from colors.background (white).

[laevandus]

Hi @sheep-q,
Thank you for reporting this issue. Since you already identified the issue and the solution, would you be interested in making a contribution to the SDK? We are open to contributions from everyone. If you prefer for us to take care of this issue then please let me know and I'll add it to our backlog for review.

Best,
Toomas

[sheep-q]

Hi @laevandus. Glad to hear that. Let me make a contribution to the SDK.

[sheep-q]

Hi @laevandus, I've created a PR for this issue, looking forward to hearing from you.