Comment puis-je ajouter une nouvelle ligne de texte avec UI Swift

Voici ma solution mais je ne pense pas que je devrais ajouter un remplissage au sommet

struct ContentView: View {
    var body: some View {
        VStack {
            VStack {
            Spacer(minLength: 35.0)
            Image("employeeID")
                .clipShape(Circle())
                .shadow(radius: 10.0)
                .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
            }
            .padding(.bottom, 50.0)
            .background(/*@START_MENU_TOKEN@*/Color.red/*@END_MENU_TOKEN@*/)
                .edgesIgnoringSafeArea(.all)
            VStack {
                ZStack (alignment: .top) {
                    Color.white
                    HStack {
                        Text("Jobs")
                        .fontWeight(.heavy)
                        .multilineTextAlignment(.center)
                        .font(.largeTitle)
                        Text("Steve")
                            .fontWeight(.light)
                        .multilineTextAlignment(.center)
                        .font(/*@START_MENU_TOKEN@*/.largeTitle/*@END_MENU_TOKEN@*/)
                    }
                    .padding(.top, 20.0)
                    Text("CEO")
                        .padding(.top, 60.0)
                }
            }
        }

    }
}

Il suffit de les envelopper dans son propre vstack, comme ci-dessous

...
VStack {
    HStack {
        Text("Jobs")
        .fontWeight(.heavy)
        .multilineTextAlignment(.center)
        .font(.largeTitle)
        Text("Steve")
            .fontWeight(.light)
        .multilineTextAlignment(.center)
        .font(/*@START_MENU_TOKEN@*/.largeTitle/*@END_MENU_TOKEN@*/)
    }
    Text("CEO") // << right below name
}
.padding(.top, 20.0) // << padding entire container
...

Le zstack est une vue gourmand ce qui signifie qu'il prend tout l'espace donné et il appuie donc texte ("PDG") au bas de l'écran.

Vous devez placer un vStack à l'intérieur de votre zstack . Il contiendra le htstack que vous avez déjà, texte ("CEO") et ajoutez un spacer () (une autre vue gourmande < / Code>) Pour vous assurer que tout le texte s est poussé vers l'image. Votre zstack devrait ressembler à ceci: xxx

}