ios - SwiftUI：如何在不使用几何阅读器的情况下根据框架的大小计算视图的大小？

Question

下面的代码效果很好，但是几何读取导致我上游出现问题，所以我希望有相同的逻辑来基于可用空间构建视图的宽度，但不使用几何读取器。可能吗？

    var body: some View {
            
            ZStack {
                GeometryReader { geometry in
                    ZStack(alignment: .leading) {
                        RoundedRectangle(cornerRadius: 12.0)
                            .fill(Color(.lightGray))
                            .opacity(0.1)
                            .frame(height: 20)
                        RoundedRectangle(cornerRadius: 12.0)
                            .fill(getColorForBar(progress: progress))
                            .frame(width: getFillWidth(progress: progress, geometry: geometry), height: 20)
                            .animation(self.progressAnimation)
                    }
                }
            }
        }

 private func getFillWidth(progress: Double, geometry: GeometryProxy) -> CGFloat {
        var offset: CGFloat = geometry.size.width * CGFloat(progress)
        
        if progress == 0 {
            offset = (geometry.size.width * CGFloat(progress)) + 10.0
        } else if progress == 1.0 {
            offset = (geometry.size.width * CGFloat(progress)) - 10.0
        }
        return offset
        
    }

Answer 1

GeometryReader实际上，这是读取视图几何的精确工具。您只需要以不同的方式使用它（因此不会影响外部布局）。

这是一个不破坏布局的解决方案。使用 Xcode 12.1 / iOS 14.1 测试

RoundedRectangle(cornerRadius: 12.0) // << this consumes available width only
    .fill(Color(.lightGray))
    .opacity(0.1)
    .frame(height: 20)
    .overlay(GeometryReader { geometry in   // << this reads parent rectangle area
        RoundedRectangle(cornerRadius: 12.0)
            .fill(getColorForBar(progress: progress))
            .frame(width: getFillWidth(progress: progress, geometry: geometry), height: 20)
            .animation(self.progressAnimation)
        }, alignment: .leading)