devs-rootstrap

/* Data Model & Arrray Example */

struct Contact: Identifiable, Hashable {
  let id = UUID()
  let firstName: String
  let lastName: String
  let shortName: String
  let role: String
  let phone: String

devs-rootstrap

var body: some View {
  VStack(spacing: 10) {
    Text("HStack")
      .font(.title)

    Text("Spacing & Alignment")
      .font(.subheadline)

    HStack {
      Circle()

devs-rootstrap

import SwiftUI

struct ContentView: View {
  var body: some View {
    GeometryReader { geometry in
      VStack(spacing: 10) {
        Text("GeometryReader")
          .font(.title)
        Text("Buttons example")
          .font(.subheadline)

devs-rootstrap

struct ContentView: View {
  @AppStorage("username") var username: String = "guest"

  var body: some View {
    VStack {
      Text("Welcome, \(username)!")
      TextField("Enter your username", text: $username)
    }
  }
}

devs-rootstrap

import SwiftUI

struct ContentView: View {
  var body: some View {
    VStack(spacing: 20) {
      Text("SwiftUI Button")
        .font(.largeTitle)
      Text("With Backgroud")
        .font(.title)
        .foregroundColor(.gray)

devs-rootstrap

import SwiftUI

struct ContentView: View {
  
  @State private var favoriteFruit = 1
  
  var body: some View {
    VStack(spacing: 20) {
      Text("SwiftUI Picker")
        .font(.largeTitle)

devs-rootstrap

import SwiftUI

struct Pet: Identifiable, Hashable {
    let id = UUID()
    let name: String
}

struct PetCustomRow: View {
    let pet: Pet