Why can't I create multiple paths with a for loop - swiftui

Question

in this simple reproduced code I abstracted a problem that I was experiencing in a bigger project.
What I am trying to do is create a Rectangle (successful) and draw multiple ellipses, each one bigger than the last, inside of the Rectangle (failure). Below is code that is ready to be copied and pasted... What am I doing wrong?
Updated code to fix unrelated issue
import SwiftUI
struct ContentView: View {
var body: some View {
MyShape()
.stroke()
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
struct MyShape: Shape {
#State private var horizontalMultiplier: CGFloat = 0.5
#State private var verticalMultiplier: CGFloat = 0.5
func path(in rect: CGRect) -> Path {
var path = Path()
path.addRect(rect)
var newPath = Path()
for _ in 0...5 {
let transform = CGAffineTransform(scaleX: 1 * horizontalMultiplier, y: 1 * verticalMultiplier)
newPath.addEllipse(in: rect, transform: transform)
path.addPath(newPath)
horizontalMultiplier += 0.25
verticalMultiplier += 0.25
}
return path
}
}

Answer 1

Move the declarations of the variables you're trying increment outside your loop -- they're getting recreated (and thus stay 0) each time right now.
Update, after edit: there doesn't appear to be a reason to try to use #State here -- just define the variables within path. If you do need mutable state over time, store it in the parent view and pass it through via parameters
struct MyShape: Shape {
func path(in rect: CGRect) -> Path {
var path = Path()
path.addRect(rect)
var newPath = Path()
var horizontalMultiplier: CGFloat = 0.5
var verticalMultiplier: CGFloat = 0.5
for _ in 0...5 {
let transform = CGAffineTransform(scaleX: 1 * horizontalMultiplier, y: 1 * verticalMultiplier)
newPath.addEllipse(in: rect, transform: transform)
path.addPath(newPath)
horizontalMultiplier += 0.25
verticalMultiplier += 0.25
}
return path
}
}