Skip to content

庄朋龙的博客

有志者自有千方万计,无志者只感千难万难。

Menu
  • 首页
  • 生活
  • 创业
  • 编程
  • 运维
  • 视频课程
    • 跨境独立站
    • Shopee跨境电商
    • TEMU跨境电商
  • 资源分享
    • 网站推荐
    • 开源推荐
    • 可商用字体
    • 书籍分享
Menu

如何修改Swiftui页面左上角的 < Back 按钮?

Posted on 2023年5月16日 by 庄朋龙

在 SwiftUI 中,可以使用 navigationBarBackButtonHidden(_:) 方法来隐藏返回按钮的文字,并在其位置上添加一个新的视图,例如一个图片或自定义的文本。

下面是一个示例代码,将返回按钮的文本修改为“返回”:

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Hello World")
                .navigationBarTitle("My App")
                .navigationBarBackButtonHidden(true)
                .navigationBarItems(leading:
                    Button(action: {
                        // Navigate back to the previous view
                    }, label: {
                        HStack {
                            Image(systemName: "chevron.left")
                            Text("返回")
                        }
                    })
                )
        }
    }
}

在这个示例中,我们首先使用 .navigationBarBackButtonHidden(true) 将默认的返回按钮的文本隐藏掉,然后使用 .navigationBarItems(leading:) 在左边的导航栏位置添加一个按钮。这个按钮使用了一个包含图片和自定义文本的水平堆栈(HStack)来模拟默认的返回按钮样式,并将自定义文本设置为“返回”。当用户点击该按钮时,可以执行所需的操作来导航回到上一个视图。

Category: 编程

全栈开发者×创业偏执狂

相信代码能改变命运,也相信凌晨四点的服务器警报里有真实的人生。

我的创业项目:
SHOPAGG / SmallShop / DigitShops / 文硕阁

© 2025 庄朋龙的博客