Как отобразить картинки по горизонтали в одну линию SWIFTUI?

Question

[Денис]

Как изменить отображение картинок в одну линию по горизонтали а не как сейчас по вертикали(



Сейчас код такой:

//I1
            HStack {
                VStack(alignment: .leading) {
                    Image(champions.imagei1)
                        .resizable()
                        .scaledToFit()
                        .aspectRatio(1, contentMode: .fit)
                    
                                }
                .frame(width: 60, height: 60)
            }
            
            //I2
            VStack(alignment: .leading) {
                Image(champions.imagei2)
                    .resizable()
                    .scaledToFit()
                    .aspectRatio(1, contentMode: .fit)
                            }
                            .frame(width: 60, height: 60)
            
            //I3
            VStack(alignment: .leading) {
                Image(champions.imagei3)
                    .resizable()
                    .scaledToFit()
                    .aspectRatio(1, contentMode: .fit)
                            }
                            .frame(width: 60, height: 60)
            
            
            
        }.frame(minWidth: 0, idealWidth: 0, maxWidth: .infinity, minHeight: 0, idealHeight: 0, maxHeight: .infinity, alignment: .topLeading)
    }
}

Answer 1

[Андрей]

Если я правильно вас понял:

HStack {
            Image(champions.imagei1)
                .resizable()
                .scaledToFit()
                .aspectRatio(1, contentMode: .fit)
                .frame(width: 60, height: 60)
            
            Spacer()
            
            Image(champions.imagei2)
                .resizable()
                .scaledToFit()
                .aspectRatio(1, contentMode: .fit)
                .frame(width: 60, height: 60)
                    
            Spacer()
            
            Image(champions.imagei3)
                .resizable()
                .scaledToFit()
                .aspectRatio(1, contentMode: .fit)
                .frame(width: 60, height: 60)
      
        }.padding()

HStack - контейнер, в котором дочерние элементы располагаются по горизонтали.
VStack - по вертикали, соответственно.