SwiftUI中如何将文本与带Frame的视图合并为单行文本？

方法1：用Text的background嵌入GeometryReader（推荐） #

这种方法不用改变Text的类型，依然能通过+拼接文本，同时可以借助background里的GeometryReader获取目标文本的位置信息：

struct ContentView: View {
    var body: some View {
        Text("This is the first part of the question ")
        + Text("Missing word")
            .background(
                GeometryReader { proxy in
                    Color.clear
                        .onAppear {
                            // 获取该文本在全局坐标系的位置和尺寸
                            let frame = proxy.frame(in: .global)
                            print("目标文本位置：\(frame.origin.x), \(frame.origin.y)，尺寸：\(frame.size.width), \(frame.size.height)")
                        }
                }
            )
        + Text(" second part of the question")
        .multilineTextAlignment(.leading)
        .padding()
    }
}

这个方案的好处是完全保留Text原生的排版逻辑（自动换行、字间距、行高都和普通文本一致），而且GeometryReader的范围就是这段Text实际渲染的区域，能精准拿到位置数据。

方法2：用AttributedString嵌入NSTextAttachment（适配复杂视图） #

如果要嵌入的不是Text，而是自定义形状或其他视图，可以通过AttributedString结合NSTextAttachment实现，把SwiftUI视图转成图片嵌入文本流：

struct ContentView: View {
    var body: some View {
        let attributedString = NSMutableAttributedString(string: "This is the first part of the question ")
        
        // 定义要嵌入的视图（比如带背景的文本或形状）
        let embeddedView = Text("Missing word")
            .padding(4)
            .background(Color.yellow)
            .frame(height: 20)
        
        // 将SwiftUI视图转成UIImage用于NSTextAttachment
        let attachment = NSTextAttachment()
        attachment.image = embeddedView.asUIImage()
        attachment.bounds = CGRect(x: 0, y: -4, width: attachment.image?.size.width ?? 0, height: attachment.image?.size.height ?? 0)
        
        attributedString.append(NSAttributedString(attachment: attachment))
        attributedString.append(NSAttributedString(string: " second part of the question"))
        
        return Text(AttributedString(attributedString))
            .multilineTextAlignment(.leading)
            .padding()
    }
}

// 给View加扩展，实现转UIImage的功能
extension View {
    func asUIImage() -> UIImage {
        let controller = UIHostingController(rootView: self)
        controller.view.frame = CGRect(x: 0, y: 0, width: 300, height: 50)
        return controller.view.asUIImage()
    }
}

extension UIView {
    func asUIImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(bounds: bounds)
        return renderer.image { rendererContext in
            layer.render(in: rendererContext.cgContext)
        }
    }
}

这个方法适合嵌入非Text类型的视图，但缺点是需要把SwiftUI视图转成图片，没法实时响应布局变化（比如旋转屏幕后位置可能不准），适合静态场景使用。

小提示 #

• 方法1里，GeometryReader放在background里不会干扰Text的布局，因为Color.clear是透明的，而且GeometryReader会自动适配Text的尺寸。
• 如果需要实时监听位置变化，可以把onAppear换成onChange(of: proxy.frame(in: .global))，但要注意避免触发无限循环。

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