我正在手动在SwiftUI中逐个屏幕自定义返回按钮，如何使此更改全局生效？

huangapple
go评论107阅读模式
英文:

I'm currently customizing the back button in SwiftUI manually screen by screen, how do I make this change global?

问题

我的原始目标是调整返回按钮，使其不包含“返回”文本。但我的当前实现需要将以下代码添加到需要返回按钮的每个屏幕上。如何将存在于多个屏幕上的此代码变成一个更全局的更改？

  1. @Environment(\.presentationMode) var presentationMode
  3. // 任何内容
  4. .toolbar {
  5.     ToolbarItem(placement: .navigationBarLeading) {
  6.         Button(action: {
  7.             self.presentationMode.wrappedValue.dismiss()
  8.         }) {
  9.             HStack {
  10.                 Image(systemName: "arrow.left")
  11.                     .foregroundColor(.black)
  12.                     .font(.headline)
  13.             }
  14.         }
  15.     }
  16. }

结果：

我正在手动在SwiftUI中逐个屏幕自定义返回按钮，如何使此更改全局生效？

对于使这个更改变为全局的任何帮助将不胜感激 我正在手动在SwiftUI中逐个屏幕自定义返回按钮，如何使此更改全局生效？

英文:

My original goal was to adjust the back button so it did not include the "back" text. But my current implementation requires adding the following code to each screen that needs a back button. How can I take this code which is on multiple screens and make it a more global change?

  1.     @Environment(\.presentationMode) var presentationMode
  3. // Whatever content
  4.         .toolbar {
  5.             ToolbarItem(placement: .navigationBarLeading) {
  6.                 Button(action: {
  7.                     self.presentationMode.wrappedValue.dismiss()
  8.                 }) {
  9.                     HStack {
  10.                         Image(systemName: "arrow.left")
  11.                             .foregroundColor(.black)
  12.                             .font(.headline)
  13.                     }
  14.                 }
  15.             }
  16.         }

The result:

我正在手动在SwiftUI中逐个屏幕自定义返回按钮，如何使此更改全局生效？

Any help on making this change global will be much appreciated 我正在手动在SwiftUI中逐个屏幕自定义返回按钮，如何使此更改全局生效？

答案1

得分: 0

感谢 @rapiddevice 指出我可以创建一个自定义修饰符，这将使事情变得容易得多。

  1. import SwiftUI
  3. struct CustomBackButton: ViewModifier {
  4.     
  5.     @Environment(\.presentationMode) var presentationMode
  7.     func body(content: Content) -> some View {
  8.         content
  9.             .navigationBarBackButtonHidden(true)
  10.             .toolbar {
  11.                 ToolbarItem(placement: .navigationBarLeading) {
  12.                     Button(action: {
  13.                         self.presentationMode.wrappedValue.dismiss()
  14.                     }) {
  15.                         HStack {
  16.                             Image(systemName: "arrow.left")
  17.                                 .foregroundColor(.black)
  18.                                 .font(.headline)
  19.                         }
  20.                     }
  21.                 }
  22.             }
  23.     }
  24. }
  26. extension View {
  27.     func customBackButton() -> some View {
  28.         modifier(CustomBackButton())
  29.     }
  30. }
英文:

Thank you to @rapiddevice for pointing out I can make a custom modifier which makes things A LOT easier.

  1. import SwiftUI
  3. struct CustomBackButton: ViewModifier {
  4.     
  5.     @Environment(\.presentationMode) var presentationMode
  7.     func body(content: Content) -> some View {
  8.         content
  9.             .navigationBarBackButtonHidden(true)
  10.             .toolbar {
  11.                 ToolbarItem(placement: .navigationBarLeading) {
  12.                     Button(action: {
  13.                         self.presentationMode.wrappedValue.dismiss()
  14.                     }) {
  15.                         HStack {
  16.                             Image(systemName: "arrow.left")
  17.                                 .foregroundColor(.black)
  18.                                 .font(.headline)
  19.                         }
  20.                     }
  21.                 }
  22.             }
  23.     }
  24. }
  26. extension View {
  27.     func customBackButton() -> some View {
  28.         modifier(CustomBackButton())
  29.     }
  30. }

huangapple
  • 本文由 发表于 2023年2月10日 06:54:08
  • 转载请务必保留本文链接：https://go.coder-hub.com/75405292.html
  • ios
  • swift
  • swiftui
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定