我需要精确控制文本占用的区域。我创建了最基本的程序,显示意外的顶部和底部间距被添加到文本中。这个额外的填充是从哪里来的?如何摆脱它?
@main
struct myApp: App {
init() { }
var body: some Scene {
WindowGroup {
Text("80")
.font(.system(size: 30, weight: .bold, design: .default))
.background(Color.red)
}
}
}
最佳答案
文本似乎具有默认填充,如此处所示
你可以通过将 padding 调整为负数来克服这个问题
用这个替换你的代码
Text("80")
.font(.system(size: 30, weight: .bold, design: .default))
.padding(.vertical, -6)
.background(Color.red)
如果你想让它动态化,这里有一个解决方案
struct TestView: View {
var fontSize: CGFloat = 110
var paddingSize: CGFloat {
-(fontSize * 0.23)
}
var body: some View {
Text("80")
.font(.system(size: fontSize, weight: .bold, design: .default))
.padding(.vertical, paddingSize)
.background(Color.red)
Text("Hello")
}
}
因此,即使像图片中那样使用 110 的大字体,您也可以按照自己喜欢的方式进行渲染
您需要根据自己的喜好调整乘数
关于SwiftUI 文本意外填充底部和顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66603212/