ボタン
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 19/50。
Buttonはラベルを表示し、タップされるとアクションを実行します。最も短い形式では、タイトルとクロージャを指定します：
Button("Sign in") {
// ボタンがタップされたときに実行される
}カスタムラベルの場合は、最初にアクションを渡し、2つ目のクロージャでラベルを作成します。
Button {
// アクション
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) は塗りつぶされたボタンを表示し、role: .destructive は何かを削除するアクションとして指定するため、赤色で表示されます：
Button("Delete", role: .destructive) {
// 削除
}
チャレンジ
初心者テキストを、Order coffeeというタイトルのButtonに置き換えます。アクションは今のところ空のままで構いません。.borderedProminentボタンスタイルを適用します。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド