SwiftUI List

DeletePet.swift

import SwiftUI

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

struct PetCustomRow: View {
    let pet: Pet

    var body: some View {
        HStack {
            Text(pet.name)
                .font(.headline)
                .foregroundColor(.primary)
            Spacer()
            Image(systemName: "pawprint")
                .imageScale(.large)
                .foregroundColor(.secondary)
        }
        .listRowBackground(Color.gray.opacity(0.1))
        .listRowInsets(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
    }
}

struct ContentView: View {
    @State private var pets = [
        Pet(name: "Buddy"),
        Pet(name: "Whiskers"),
        Pet(name: "Fido"),
        Pet(name: "Luna"),
        Pet(name: "Mittens")
    ]

    var body: some View {
        NavigationView {
            List {
                ForEach(pets, id: \.self) { pet in
                  PetCustomRow(pet: pet)
                }
                .onMove { source, destination in
                  pets.move(fromOffsets: source, toOffset: destination)
                }
                .onDelete { offset in
                  pets.remove(atOffsets: offset)
                }
            }
            .listStyle(InsetGroupedListStyle())
            .navigationBarTitle("Pets")
            .navigationBarItems(trailing: EditButton())
        }
    }
}

MovePet.swift

import SwiftUI

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

struct PetCustomRow: View {
    let pet: Pet

    var body: some View {
        HStack {
            Text(pet.name)
                .font(.headline)
                .foregroundColor(.primary)
            Spacer()
            Image(systemName: "pawprint")
                .imageScale(.large)
                .foregroundColor(.secondary)
        }
        .listRowBackground(Color.gray.opacity(0.1))
        .listRowInsets(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
    }
}

struct ContentView: View {
    @State private var pets = [
        Pet(name: "Buddy"),
        Pet(name: "Whiskers"),
        Pet(name: "Fido"),
        Pet(name: "Luna"),
        Pet(name: "Mittens")
    ]

    var body: some View {
        NavigationView {
            List {
                ForEach(pets, id: \.self) { pet in
                  PetCustomRow(pet: pet)
                }
                .onMove { source, destination in
                  pets.move(fromOffsets: source, toOffset: destination)
                }
            }
            .listStyle(InsetGroupedListStyle())
            .navigationBarTitle("Pets")
            .navigationBarItems(trailing: EditButton())
        }
    }
}

PetCustomRow.swift

import SwiftUI

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

struct ContentView: View {
    let pets = [
        Pet(name: "Buddy"),
        Pet(name: "Whiskers"),
        Pet(name: "Fido"),
        Pet(name: "Luna"),
        Pet(name: "Mittens")
    ]

    var body: some View {
        List(pets) { pet in
            PetCustomRow(pet: pet)
        }
       .listStyle(InsetGroupedListStyle())
       .navigationBarTitle("Pets")
    }
}

struct PetCustomRow: View {
    let pet: Pet

    var body: some View {
        HStack {
            Text(pet.name)
               .font(.headline)
               .foregroundColor(.primary)
            Spacer()
            Image(systemName: "pawprint")
               .imageScale(.large)
               .foregroundColor(.secondary)
        }
       .listRowBackground(Color.gray.opacity(0.1))
       .listRowInsets(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
    }
}

PetList.swift

import SwiftUI

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

struct ContentView: View {
    let pets = [
        Pet(name: "Buddy"),
        Pet(name: "Whiskers"),
        Pet(name: "Fido"),
        Pet(name: "Luna"),
        Pet(name: "Mittens")
    ]

    var body: some View {
        List(pets) { pet in
            Text(pet.name)
        }
    }
}

StyledPetList.swift

import SwiftUI

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

struct ContentView: View {
    let pets = [
        Pet(name: "Buddy"),
        Pet(name: "Whiskers"),
        Pet(name: "Fido"),
        Pet(name: "Luna"),
        Pet(name: "Mittens")
    ]
  
    var body: some View {
        List(pets) { pet in
            HStack {
                Text(pet.name)
                    .font(.headline)
                    .foregroundColor(.primary)
                Spacer()
                Image(systemName: "pawprint")
                    .imageScale(.large)
                    .foregroundColor(.secondary)
            }
            .listRowBackground(Color.gray.opacity(0.1))
            .listRowInsets(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
        }
        .listStyle(InsetGroupedListStyle())
        .navigationBarTitle("Pets")
    }
}