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

How to set the view on top in ios SwiftUI?

I had tried this code, I have also tried with stacks but not able to align with top .
I just want the view to appear on top with auto layout as like UIKit .

import SwiftUI

struct ItemDetail: View {
    let item : MenuItem
    var body: some View {
        HStack(alignment: .top){
            VStack{
                Image(item.mainImage)
                Text(item.description)
            }
            .padding(10)
            .background(.red)
            .navigationTitle(item.name)
        }
        
    }
}

struct ItemDetail_Previews: PreviewProvider {
    static var previews: some View {
        ItemDetail(item: MenuItem.example)
    }
}

enter image description here

Tags:

2

Answers


  1. 0

    This should do it:

        VStack()
    {
        VStack
        {
            Image(item.mainImage)
            Text(item.description)
        }
        .padding(10)
        .background(.red)
        .navigationTitle(item.name)

        Spacer()
    }
    Login or Signup to reply.
  2. 0

    Swap the HStack for a VStack and add a Spacer() at the end. e.g.:

    struct ItemDetail: View {
    let item : MenuItem
    var body: some View {
        VStack{
            VStack{
                Image(item.mainImage)
                Text(item.description)
            }
            .padding(10)
            .background(.red)
            .navigationTitle(item.name)

            Spacer()
        }
        
    }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search