没有文本 SwiftUI 的后退按钮

Question

其实就是这个问题。我有这样的屏幕，我想更改BackButton。

我的视图屏幕： enter image description here

我想要的不是带标准数组 + 文本 BACK 的蓝色后退按钮，而是不带文本的黑色数组。

换句话说，实质上是从后退按钮中删除文本并将颜色更改为黑色。怎么实现不了？

Answer 1

您可以在希望为黑色且没有文本的视图中使用适当的修饰符。您需要指定 无按钮 并提供您自己的图像以及 return 功能。

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: SecondView()) {
                Text("Hello, World!")
            }
        }
    }
}

struct SecondView: View {
    @Environment(\.presentationMode) var presentation

    var body: some View {
        VStack {
            Text("Hello")
            Text("Second view")
        }
        .navigationBarBackButtonHidden(true)
        .navigationBarItems(leading: Button(action: {
            self.presentation.wrappedValue.dismiss()
        }) {
            Image(systemName: "chevron.left")
        }
        .foregroundColor(.black))
    }
}

已编辑：插入了适当的图像。

没有文本 SwiftUI 的后退按钮

BackButton without text SwiftUI

swift

navigation

swiftui

navigationbar

back-button