SwiftUI: Nest views recursively

Question

I try to create a View which is a circle and within the circle there should be added more circles until my recursive function ends. E.g. if I call createSubCircle(depth: 4) I expect 4 circles within itself, where each sub circle should have 80% of it's parent. All circles must have the same center.

The code below returns

Function opaque return type was inferred as 'ZStack<_ConditionalContent<GeometryReader<TupleView<(some View, some View)>>, EmptyView>>', which defines the opaque type in terms of itself

struct ContentView: View {
var body: some View {
    createSubCircle(depth: 4)
}

@ViewBuilder
func createSubCircle(depth: Int) -> some View {
    
    ZStack {
        if depth > 0 {
            GeometryReader{proxy in
                Circle()
                    .strokeBorder(.green, lineWidth: 4)
                    .frame(width: proxy.size.width*0.8, height: proxy.size.height*0.8, alignment: .center)
                createSubCircle(depth: depth-1)
            }
        }
        else{
            EmptyView()
        }
    }
}

}

Answer 1

why don't use ForEach?

@ViewBuilder
func createSubCircle(depth: Int) -> some View {
    ZStack {
        ForEach(0..<depth, id:\.self) {dep in
            GeometryReader{proxy in
                let width = proxy.size.width * (pow(0.8, CGFloat(dep)))
                let height = proxy.size.height * (pow(0.8, CGFloat(dep)))
                ZStack {
                    Circle()
                        .strokeBorder(.green, lineWidth: 4)
                        .frame(width: width, height: height, alignment: .center)
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                }

            }
        }
    }
}