UIViewRepresentable嵌套UILabel在HStack中无法显示及自适应宽度问题

你的代码里MyView1不显示的核心原因是封装的UIView1没有给内部UILabel设置Auto Layout约束，导致UIView1自身没有尺寸（frame为.zero），SwiftUI无法识别它的大小，自然不会在HStack中渲染出空间。要实现让MyView1仅占用Label所需空间的需求，需要做两处关键修改：

1. 给UIView1的Label添加Auto Layout约束 #

在UIView1的初始化方法中，给Label添加约束，让它的边缘和父视图（UIView1）绑定，这样UIView1会根据Label的内容自动计算自身的intrinsic尺寸。

修改后的UIView1代码：

class UIView1: UIView {
    public var label: UILabel

    init() {
        self.label = UILabel()
        label.text = "Hello, World!"
        // 开启Label的自动布局
        label.translatesAutoresizingMaskIntoConstraints = false
        super.init(frame: .zero)
        addSubview(label)
        
        // 添加约束：让Label的四边和父视图对齐（可根据需求调整内边距）
        NSLayoutConstraint.activate([
            label.topAnchor.constraint(equalTo: topAnchor),
            label.leadingAnchor.constraint(equalTo: leadingAnchor),
            label.trailingAnchor.constraint(equalTo: trailingAnchor),
            label.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }

    @available(*, unavailable)
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

2. 调整SwiftUI视图的布局设置 #

此时MyView1已经能正确计算自身尺寸，不需要额外的fixedSize()（当然保留也可以，不会有问题），HStack会自动根据它的intrinsic大小分配空间。

修改后的ContentView：

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Push")
                .background(.green)
            Spacer()
            MyView1()
                .background(.blue)
        }
        .padding() // 可选，添加内边距方便查看效果
    }
}

完整修正代码 #

import SwiftUI

struct MyView1: UIViewRepresentable {
    typealias UIViewType = UIView1

    func makeUIView(context: Context) -> UIView1 {
        return UIView1()
    }

    func updateUIView(_ uiView: UIView1, context: Context) {}
}

class UIView1: UIView {
    public var label: UILabel

    init() {
        self.label = UILabel()
        label.text = "Hello, World!"
        label.translatesAutoresizingMaskIntoConstraints = false
        super.init(frame: .zero)
        addSubview(label)
        
        NSLayoutConstraint.activate([
            label.topAnchor.constraint(equalTo: topAnchor),
            label.leadingAnchor.constraint(equalTo: leadingAnchor),
            label.trailingAnchor.constraint(equalTo: trailingAnchor),
            label.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }

    @available(*, unavailable)
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Push")
                .background(.green)
            Spacer()
            MyView1()
                .background(.blue)
        }
        .padding()
    }
}

#Preview { ContentView() }

运行后你会看到MyView1（蓝色背景）会根据内部Label的内容"Hello, World!"自动调整宽度，完美适配HStack的布局需求。

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