Center Image in VStack leading alignment

Question

I'm having troubles figuring out the proper solution to centre an Image inside a VStack with an alignment of .leading. I've attempted and got these results but is there a more efficient way instead of adding two Spacer()'s in an HStack?

struct ContentView: View {
    var body: some View {
        ZStack {
            ScrollView {
                VStack (alignment: .leading, spacing: 10) {
                    Text("Title ")
                    HStack {
                        Spacer()
                        Image(systemName:"star.fill")
                            .resizable()
                            .frame(width: 20, height: 20, alignment: .center)
                        Spacer()
                    }
                    Divider()
                }
            }
        }
        .padding(.all)
    }
}

Answer 1

Here is a solution. Tested with Xcode 12.1 / iOS 14.1

ScrollView {
    VStack (alignment: .leading, spacing: 10) {
        Text("Title ")
        Image(systemName:"star.fill")
            .resizable()
            .frame(width: 20, height: 20)
            .frame(maxWidth: .infinity, alignment: .center)
        Divider()
    }
}

backup