SwiftUI中实现文本环绕AsyncImage报错，求解决方案

你写的代码报错核心原因是**Text组件只能接收字符串类参数**，但你把AsyncImage（一个独立的View）和Text拼接后传给Text的初始化器，类型完全不匹配，自然会触发类型转换错误。

下面提供两种可行的解决方法，实现你需要的文本环绕图片效果：

方法一：iOS 17+ 原生AttributedString实现 #

iOS 17开始，AttributedString支持添加图片附件，配合异步加载图片后转成UIImage，可以实现文本环绕效果：

struct ContentView: View {
    let imageURL = URL(string: "your_image_url_here")!
    let sampleText = "这里是你需要环绕图片的长文本内容，可以写很多很多内容，测试文本环绕图片的效果，看看是不是能像你想要的那样，图片在旁边，文字自动绕开排列。"
    
    @State private var image: UIImage?
    
    var body: some View {
        if let image = image {
            let attributedString = NSMutableAttributedString(string: sampleText)
            let imageAttachment = NSTextAttachment()
            imageAttachment.image = image
            // 调整图片大小和垂直偏移，优化环绕效果
            imageAttachment.bounds = CGRect(x: 0, y: -5, width: 100, height: 100)
            let imageString = NSAttributedString(attachment: imageAttachment)
            // 将图片插入到文本开头（可修改插入位置）
            attributedString.insert(imageString, at: 0)
            
            Text(AttributedString(attributedString))
                .padding()
        } else {
            // 图片加载中的占位视图
            ProgressView()
                .task {
                    do {
                        let (data, _) = try await URLSession.shared.data(from: imageURL)
                        if let img = UIImage(data: data) {
                            image = img
                        }
                    } catch {
                        print("图片加载失败: \(error)")
                    }
                }
        }
    }
}

方法二：兼容iOS 13+的UITextView包装方案 #

如果需要支持iOS 17之前的版本，用UIViewRepresentable包装原生UITextView是更可靠的方案，UITextView本身原生支持文本环绕图片：

struct WrappingTextView: UIViewRepresentable {
    let imageURL: URL
    let text: String
    
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.isEditable = false
        textView.isScrollEnabled = false
        textView.backgroundColor = .clear
        return textView
    }
    
    func updateUIView(_ uiView: UITextView, context: Context) {
        let attributedString = NSMutableAttributedString(string: text)
        
        // 异步加载图片并更新文本
        URLSession.shared.dataTask(with: imageURL) { data, _, error in
            guard let data = data, let image = UIImage(data: data), error == nil else { return }
            
            DispatchQueue.main.async {
                let imageAttachment = NSTextAttachment()
                imageAttachment.image = image
                imageAttachment.bounds = CGRect(x: 0, y: -5, width: 100, height: 100)
                
                let paragraphStyle = NSMutableParagraphStyle()
                paragraphStyle.alignment = .left
                
                let imageString = NSAttributedString(attachment: imageAttachment)
                attributedString.insert(imageString, at: 0)
                attributedString.addAttribute(.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attributedString.length))
                
                uiView.attributedText = attributedString
            }
        }.resume()
    }
}

// 使用示例
struct ContentView: View {
    var body: some View {
        WrappingTextView(
            imageURL: URL(string: "your_image_url_here")!,
            text: "这里是你需要环绕图片的长文本内容，可以写很多很多内容，测试文本环绕图片的效果，看看是不是能像你想要的那样，图片在旁边，文字自动绕开排列。"
        )
        .padding()
    }
}

两种方案都能实现你需要的文本环绕图片效果，方法二更兼容低版本系统，方法一利用iOS17新特性更简洁。

内容的提问来源于stack exchange，提问作者alwer