SwiftUI自定义视图CanvasRowView忽略.frame()修饰符问题求助

问题根源在于：当viewModel.canvasElements为空时，内部的HStack没有子元素，固有尺寸为0×0，此时外部设置的.frame修饰符无法通过内容体现，导致视图看起来尺寸为0。

要让视图在空状态下也能响应外部frame，同时保留有内容时的固有尺寸行为，只需在HStack中添加空状态占位视图即可：

struct CanvasRowView: View {
    let viewModel: CanvasViewModel // 假设你的viewModel已定义

    var body: some View {
        HStack(alignment: .center) {
            ForEach(viewModel.canvasElements) { canvasElement in
                switch canvasElement.type {
                case .image:
                    Image(systemName: "photo")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .font(.largeTitle)
                        
                case .spacer:
                    Spacer()
                        
                case .placeholder:
                    Color.blue
                        .frame(width: 3, height: 10)
                }
            }
            // 空状态占位：让HStack能填充外部指定的frame空间
            if viewModel.canvasElements.isEmpty {
                Color.clear
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
            }
        }
    }
}

说明 #

• 当viewModel.canvasElements有内容时，HStack保持原生的固有尺寸行为，和你之前的逻辑完全一致；
• 当内容为空时，Color.clear会填充外部设置的整个frame空间，使视图尺寸符合你指定的width:100, height:100；
• 使用Color.clear不会影响视觉效果，仅用于占住布局空间。

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