【问题标题】:swiftUI NavigationView centered logo righ and right buttonswiftUI NavigationView 居中标识左右键
【发布时间】:2021-12-25 18:08:10
【问题描述】:

我正在尝试在 SwiftUI 中创建一个具有居中徽标和右对齐按钮的 NavigationView。

这是我尝试过的,但没有成功。我不知道如何删除标题并将其替换为图像徽标。

.navigationBarTitle("", displayMode: .inline)
            .navigationBarItems(trailing: Button(action: {
            }) {
    Image("mylogo")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 154, height: 42)
    Button(action: {
    
        // Actions
    }, label: { Image("hamburger_menu")
        .resizable()
        .frame(width: 24, height: 24)
    })
})

还有这个:

    .toolbar {
        ToolbarItem(placement: .navigation) {
            HStack {
                Image("mylogo")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 154, height: 42, alignment: .center)
    
                Image("hamburger_menu")
                    .resizable()
                    .frame(width: 48, height: 48, alignment: .trailing)
            }
        }
    }

它适用于此处显示的文本:

    .navigationBarTitle("Text", displayMode: .inline)
    .navigationBarItems(trailing: Button(action: {
    
    } ) {
        Image("hamburger_menu")
            .resizable()
            .frame(width: 24, height: 24)
    } )

【问题讨论】:

    标签: swiftui swiftui-navigationview


    【解决方案1】:

    您需要将主体用于徽标,将主要操作用于按钮,例如(简化):

    .toolbar {
        ToolbarItem(placement: .principal) {
            Image("mylogo")
        }
        ToolbarItem(placement: .primaryAction) {
            Button(action: {
        
            } ) {
              Image("hamburger_menu")
            }
        }
    }
    

    【讨论】:

    • 哦,太好了,你太棒了,成功了!!!!非常感谢你,这让我发疯了。如果您不介意,最后一个快速问题是,我将如何将文本和按钮后面的背景颜色向上延伸到安全区域之外并向上延伸到星形栏中?
    猜你喜欢
    • 1970-01-01
    • 2022-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-01
    • 2010-10-13
    • 2015-09-16
    相关资源
    最近更新 更多