SwiftUI如何设置下划线和文本之间的间距？

Question

设置下划线的代码，我想使文本和下划线之间的间距更大。

 Text("underline text")
 .underline()

Answer 1

下划线是一种字体功能，您只需在需要的地方画线就可以自定义

var body: some View {
    HStack {
        Text("Before")
        Text("underline text")
            .overlay(
                Rectangle().frame(height: 1).offset(y: 4)
                , alignment: .bottom)
        Text("after.")
    }
}

Answer 2

您可以创建一个自定义视图，以文本和下划线填充作为参数

www.demo2.com

并按如下所述使用它

www.demo1.com

Answer 3

使用自定义视图代替.underline怎么样？

struct MyUnderline: View {
      let color: Color = .black
      let height: CGFloat = 1
      var body: some View {
          Rectangle()
            .fill(color)
            .frame(height: height)
      }
}    

Text("underline text")
MyUnderline()
  .padding(.top, -10)