gahntpo

import SwiftUI

struct ContentView: View {
   var body: some View {
     Text("Hello World")
   }
}

gahntpo

import SwiftUI

struct StackExample: View {
    var body: some View {
        VStack {
            Text("first item")
            Text("second item")
            Text("third item")
        }
    }

gahntpo

VStack(alignment: .leading, spacing: 10) {
   Text("first item").background(Color.orange)
   Text("second item").background(Color.red)
   Text("third item").background(Color.gray)
}

HStack(alignment: .leading, spacing: 10) {
    Text("first item")
       .frame(height: 60)
       .background(Color.orange)

gahntpo

ZStack(alignment: .center) {
   Text("first item")
         .frame(width: 150, height: 100)
         .background(Color.orange)
   Text("second item")
         .frame(width: 120, height: 70)
         .background(Color.red)
    Text("third item")
         .frame(width: 80, height: 40)
         .background(Color.gray)

gahntpo

ZStack(alignment: .center) {
   Text("first item")
         .frame(width: 150, height: 100)
         .background(Color.orange)
   Text("second item")
         .frame(width: 120, height: 70)
         .background(Color.red)
    Text("third item")
         .frame(width: 80, height: 40)
         .background(Color.gray)

gahntpo

Text("no frame - this is a long line that won't fit parent's size.")
    .border(Color.green)

Text("with absolute frame - this is a long line that only has a width of 200 avaliable.")
    .frame(width: 200, height: 100)
    .border(Color.green)

Text("with fixedSize - this is a long line that won't fit parent's size.")
    .fixedSize()
    .border(Color.blue)

gahntpo

HStack {
    Text("using maxWidth 300")
        .frame(minWidth: 100, idealWidth: 200, maxWidth: 300).border(Color.red)
    Text("taking space")
}
HStack {
    Text("using maxWidth 200")
        .frame(minWidth: 100, idealWidth: 150, maxWidth: 200).border(Color.red)
    Text("taking space")
}

gahntpo

HStack {
    Text("alignment: \n .leading")
        .background(Color.orange)
        .frame(width: 110, height: 100, alignment: .leading)
        .border(Color.red)
    Text("alignment: \n .center")
        .background(Color.orange)
        .frame(width: 110, height: 100, alignment: .center)
        .border(Color.red)
    Text("alignment: \n .trailing")

gahntpo

ZStack {
    Rectangle()
        .fill(Color.green)
        .position(x: 100, y: 100)
        .frame(width: size, height: size)
        .border(Color.green)
    
    Rectangle()
        .fill(Color.red)
        .offset(CGSize(width: 100, height: 100))

gahntpo

import SwiftUI

struct GeometryTestView: View {
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("view width: \(geometry.size.width)")
                Text("view height: \(geometry.size.height)")
                    HStack(spacing: 0) {
                        Rectangle()