Place The Order

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

Challenge

Medium

Keep everything from the previous steps. Finish OrderView with a Place order button below the total, in the .borderedProminent style. Tapping it shows an alert titled Order placed! with an OK button and the message Total: $4.25 (the order's total, two decimals). Use a @State ordered that starts as false.

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

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