zl程序教程

您现在的位置是:首页 >  其他

当前栏目

SwiftUI基础之Text长度过长该如何处理

基础 如何 处理 SwiftUI 长度 Text 过长
2023-09-11 14:18:31 时间

Text是SwiftUI世界中最基础的控件,使用也非常简单。但是越是简单,越是基础的控件,我们就应该全面掌握。例如,当我们遇到长文本时该如何优雅处理呢。

解决思路

对于超长文本可以有两种解决方案

  • 超长部分直接省略
  • 自动缩小字体然后换行

超过长度直接省略

import SwiftUI

struct ContentView: View {
    var name:String
    var body: some View {
        
        ZStack{
            Circle()
                .frame(width:100,height:100)
                .foregroundColor(.blue)
                .shadow(radius: 10)
            
            Text(self.name)
                
                .frame(width:80,height:40)
                
                .foregroundColor(.white)
                //.scaledToFit()
                .lineLimit(nil)
            
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView(name: "苏轼是北宋中期文坛领袖")
    }
}