很多手机用户会在设置页面,调整设备上的字体尺寸,所以我们需要借助sizeCategory环境,预览不同字体尺寸下的文本视图的效果。
示例代码:
struct ContentView : View { var body: some View { VStack{ Text("Dynamic Type sizes") //固定字体尺寸的文本视图 .font(.system(size: 36)) Text("Dynamic Type sizes") //非固定字体尺寸的文本视图 } } } #if DEBUG struct ContentView_Previews : PreviewProvider { static var previews: some View { VStack{ Spacer() ContentView() .environment(\.sizeCategory, .extraSmall) //给ContentView添加一个环境,并设置该环境下的字体类别为特小 Spacer() ContentView() Spacer() ContentView() .environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge) //特大 Spacer() } } } #endif