Choose A Size

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

Challenge

Easy

Keep everything from the previous steps. In OrderView, add a @State size that starts as "Medium", and below the price a segmented Picker titled Size with the options Small, Medium and Large, each tagged with its name. Give the picker the identifier size.

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 Project lesson

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 Alerts Recap - 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