SwiftUI HStack remplit toute la largeur avec un espacement égal.

Question

J'ai un HStack :

struct BottomList: View {
    var body: some View {
        HStack() {
            ForEach(navData) { item in
                NavItem(image: item.icon, title: item.title)
            }
        }
    }
}

Comment centrer parfaitement son contenu avec un espacement égal remplissant automatiquement toute la largeur ?

Pour info, tout comme la classe CSS de Bootstraps .justify-content-around

Answer 1

Si votre tableau comporte des valeurs répétitives, utilisez array.indices pour omettre un espaceur après le dernier élément.

HStack() {
  ForEach(data.indices) { i in
    Text("\(data[i])")
    if i < data.count - 1 {
      Spacer()
    }
  }
}