小费计算器

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 48 课，共 50 课。

挑战

中等

在 VStack 中构建一个小费计算器：

添加一个占位文本为 Bill、标识符为 bill 的 TextField，并将它绑定到 String 状态 billText
添加一个标题为 Tip、标识符为 tip 的分段式 Picker，并将它绑定到初始值为 15 的 Int 状态 tipPercent；选项为 10%、15% 和 20%，对应的标签分别为 10、15 和 20
添加文本 Tip: $7.50（标识符为 tipAmount）和文本 Total: $57.50（标识符为 total），两者都保留两位小数

使用 Double(billText) ?? 0 读取账单金额，这样空字段或无效字段都会按 0 处理。

亲手试试

import SwiftUI

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

SwiftUI 入门中的所有课

1简介

4修饰符

7列表

10项目：Coddy 咖啡馆

2显示内容

5状态与按钮

8导航

11最终挑战

3堆栈与布局

6用户输入

9共享数据