时间戳

首页 > 解决方案 > 在 SwiftUI 中将图像与 navigationBarTitle 对齐

swiftui - 在 SwiftUI 中将图像与 navigationBarTitle 对齐

问题描述

我正在尝试在 .navigationBarTitle 旁边添加一个用户图像（按钮），但是使用下面的代码，图像出现在标题对齐的顶部。（附图片）。非常感谢您的帮助！

.navigationBarTitle(Text("Watch"))
                .navigationBarItems(trailing:
                    Image("User")
                        .resizable()
                        .aspectRatio(contentMode: .fill)
                        .frame(width: 36, height: 36)
                        .clipShape(Circle())
                )

图像应底部 - 与文本对齐

标签： swiftui

解决方案

谢谢@Simon，我正在寻找的最佳选择是将用户图标添加到标题（不是导航栏）并应用y的偏移：-55。向上滚动时，图标会在导航栏下方消失。在 Apple TV 应用程序（移动）上的效果相同。` VStack(alignment: .leading) { HStack { Text("Children") .font(.title) .fontWeight(.bold) .padding(.leading, 24) 。填充（.top，20）

                        Spacer ()
                        Image("User")
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                            .frame(width: 36, height: 36)
                            .clipShape(Circle())
                            .offset(y: -55)
                            .padding(.trailing, 24)[final result][1]`

推荐阅读