swift - 如何修复从底部切割的字体？

Question

我在应用程序中有自定义字体，我在 Text 上使用它，如下所示:

struct CustomButton: View {

    var label: String
    var action: () -> Void

    init(_ label: String, action: @escaping () -> Void) {
        self.label = label
        self.action = action
    }

    var body: some View {
        Button(action: action) {
            Text(label)
                .padding()
        }
    }
}

预览是:

struct CustomButton_Previews: PreviewProvider {
    static var previews: some View {
        VStack {
            CustomButton("Simple g Button") {
            }
            .font(.custom("NexaBold", size: 40))
            .foregroundColor(.red)
        }
        .background(Color.black)
        .previewDevice(PreviewDevice(rawValue: "iPhone 8"))
    }
}

如您所见，字符 g 显示不佳，从底部被截断了。我已在字体文件中验证它是完整的，但 Text 显示它是从底部剪切的。

我尝试添加更多的 padding 但这并没有解决问题。

请帮忙，我该如何解决？

Answer 1

好吧，下面看起来像是解决方法，但它确实有效，所以请尝试...

    Button(action: action) {
        Text(label)
            .baselineOffset(2) // << shifted baseline !
            .font(.custom("Nexa Bold", size: 40))
            .padding()
    }