Question 68366 in IOS Swift Question posted in
The official documentation can be found here.

How to align an element in case of multiple elements in SwiftUI? – Ios swift

I am trying to alight my text Final Context below Hello World and after Text1 but I am unable to do so, here is my code. I am new to SwiftUI.

    
           VStack {
               HStack{
                   Text("Text1")
                   Toggle(isOn: binding){
                    Text("Hello World")
                   }.padding()
               }
               Text("Final Context")
           }

        }
Tags:

4

Answers


  1. 0

    Try adding alignment: .leading to the VStack:

    VStack(alignment: .leading) {
    HStack {
        Text("Text")
        Toggle(isOn: binding) {
            Text("Hello World")
        }.padding()
    }
    Text("Final Context")
}
    Login or Signup to reply.
  2. 0

    You have to align your vStack to leading. Your code should look like this:
    import SwiftUI

    struct ContentView: View {
    
    @State private var binding = false
    
    var body: some View {
        VStack(alignment: .leading) {
           HStack{
               Text("Text")
               Toggle(isOn: $binding){
                Text("Hello World")
               }.padding()
           }
           Text("Final Context")
       }
    }
}

    Then you get the alignment, like this:

    enter image description here

    Login or Signup to reply.
  3. 0

    What about this:

     struct align: View {
     @State private var binding = false
     var body: some View {
        HStack(alignment: .top){
              VStack{
                 Text("Text")
              }
              .padding(.top, 5)
              
              VStack(alignment: .leading){
                 
                 Toggle(isOn: $binding){
                    Text("Hello World")
                 }
                 
                 Text("Final Context")
              }
        }
     }
  }
    Login or Signup to reply.
  4. 0

    Use a VStack inside HStack.

    var body: some View {
    VStack {
      HStack{
        Text("Text")
        VStack(alignment:.leading){
          Toggle(isOn: $toggle){
            Text("Hello World")
          }
          Text("Final Context")
        }
      }
    }
  }

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search