SwiftUI 表单中的文本在更改后不换行

Posted

技术标签:

【中文标题】SwiftUI 表单中的文本在更改后不换行【英文标题】:Text in SwiftUI Form not wrapping after being changed 【发布时间】:2021-01-12 00:45:42 【问题描述】:

我需要在 SwiftUI 表单中显示一些文本,这些文本会根据当前状态而改变。但是,如果“新”文本比表单首次出现时显示的原始字符串长,它将无法正确换行。

在下面的示例中,打开切换会更改正在显示的文本,但它会被截断而不是换行


struct ContentView: View 
    @State var showLongString = false
    
    var body: some View 
        
        Form 
            
            Section 
                Text(showLongString ? "This is a string that is too long to fit in one line" : "Hello, World!")
                
            
            Section 
                Toggle("Show long string", isOn: $showLongString)
            
        
    
    


我能找到的唯一解决方法是使用.listRowInsets 并增加尾随插入,这并不理想,并且会根据缩放不同的设备而有所不同(即它可能会包裹在 iPhone 12 上,但不会包裹在 iPhone 12 上) iPhone 11/XR),无需进一步增加尾随插图。

这个问题还有其他解决方法吗?

【问题讨论】:

将 fixedSize() 添加到文本 适用于 Xcode 12.1 / ios 14.1。你使用哪个环境? 【参考方案1】:

您可以使用fixedSize,但仅限于垂直扩展:

Section 
    Text(showLongString ? "This is a string that is too long to fit in one line, This is a string that is too long to fit in one line" : "Hello, World!")
        .fixedSize(horizontal: false, vertical: true)

.id(showLongString)

【讨论】:

执行此操作时,文本会换行,但在大多数设备上,该部分本身的大小实际上并没有增加。至少没有文本被剪裁,但没有足够的垂直填充,添加.padding(.vertical) 将应用填充,即使只有一行 @UncommentedCode 您可以使用id() 强制刷新该部分 - 请参阅更新后的答案。

以上是关于SwiftUI 表单中的文本在更改后不换行的主要内容,如果未能解决你的问题,请参考以下文章

使td内容不换行不撑开

Flexbox/IE11:flex-wrap:换行不换行(里面有图片 + Codepen)

滚动 UITextView 而不换行

html2canvas将textarea转换后不换行问题

如何可以让div内的元素不换行?

js菜鸟问题 换行