Recap - Plant Guide

Part of the Introduction to SwiftUI section of Coddy's Swift journey. Lesson 38 of 50.

Challenge

Medium

Build a plant guide. ContentView shows a NavigationStack (identifier nav) with a List titled Plants, one NavigationLink per plant, titled with its name. Each link opens PlantDetail for its plant, which:

uses the plant's name as its title
shows Water every 7 days (from waterDays) in a text with the identifier water
has a Watered button that shows an alert titled Nice work! with an OK button

Try it yourself

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

All lessons in Introduction to SwiftUI

1Introduction

What Is SwiftUI The App File

4Modifiers

Padding Backgrounds Modifier Order Frames And Shapes Recap - Badge Maker

7Lists

ForEach Identifiable Items List Adding Items Recap - Shopping List

10Project - Coddy Coffee

Project Overview Drink Screens

Choose A Size

Quantity And Total

Place The Order

2Showing Content

Text Views Numbers In Text Fonts Colors SF Symbols Recap - Price Tag

5State & Buttons

Buttons The @State Property True Or False State Conditional Views Recap - Score Keeper

8Navigation

NavigationStack NavigationLink Passing Data Sheets And AlertsRecap - Plant Guide

11Final Challenges

Tip Calculator To-Do List True Or False Game

3Stacks & Layout

VStack HStack Alignment And Spacing Spacer And ZStack Recap - Weather Card

6User Input

TextField Toggle Stepper And Slider Picker Recap - Order Form

9Sharing Data

The @Binding Property Observable Objects Environment Objects Recap - Step Counter

Practice on your own: Swift playground