UITextView 在 SwiftUI 中可表示不尊重 ScrollView 中的宽度界限

Question

我想使用 SwiftUI 在 UITextView 中呈现文本。我正在使用 UIViewRepresentable 并且当它超出滚动视图的边界时出现宽度问题。我想是否将文本换行，但它只是在一条长线上继续，左右不可见：

这是我的代码：

struct ContentView: View {
    
    var messages = ["here is some long text to show the textView is not wrapping it's content"]
    
    var body: some View {
        GeometryReader { geometry in
            VStack(spacing: 0) {
                ScrollView(.vertical) {
                    ScrollViewReader { scrollView in
                        ZStack {
                            LazyVStack {
                                ForEach(messages, id: \.self) { message in
                                    TextView(text: message)
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

struct TextView: UIViewRepresentable {
    
    var text: String
     
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
                
        textView.font = UIFont.preferredFont(forTextStyle: UIFont.TextStyle.body)
        textView.isScrollEnabled = false
        textView.backgroundColor = .clear
        textView.isEditable = false
        
        textView.clipsToBounds = true
        
        textView.isEditable = false
        
        textView.textContainerInset = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
        textView.backgroundColor = #colorLiteral(red: 0.03137254902, green: 0.4980392157, blue: 0.9960784314, alpha: 1)
        textView.textColor = UIColor.white

        textView.text = text

        return textView
    }
 
    func updateUIView(_ uiView: UITextView, context: Context) {
        
    }
}

我想知道这是否与滚动视图有关。无论哪种方式，我都想知道是否有解决办法？我尝试将框架宽度设置为 geometry.size.width 但什么也没做。

Answer 1

这是因为您使用的是 UIRepresentable 视图。有一些解决方案，其中最简单的是在 SwiftUI 视图中的 UIRepresentable 视图之上使用显式 .frame()。

例如.frame(width: UIScreen.main.bounds.width) 所以它只延伸到屏幕的宽度。