セクション 103

状態を切り替えるためのコントロールを追加

ユーザがリストのフィルターをコントロールできるようにするには、showFavoritesOnly の値を変更できるコントロールを追加する必要があります。これを行うには、結束をトグルコントロールに渡します。

結束 は、可変状態への参照として機能します。ユーザがトグルをオフからオンに、そして再びオフにタップすると、コントロールは結束を使用して、それに応じてビューの状態を更新します。

ステップ 1

入れ子にされた ForEach グループを作成して、ランドマークを行に変換します。

リスト内の静的ビューと動的ビューを組み合わせる、または動的ビューの 2 つ以上の異なるグループを組み合わせるには、データのコレクションを List に渡す代わりに ForEach 型を使用します。

    LandmarkList.swift

12. var body: some View {
13. NavigationView {
List {
ForEach(filteredLandmarks) { landmark in
14. NavigationLink(destination: LandmarkDetail(landmark: landmark)) {
15. LandmarkRow(landmark: landmark)

ステップ 2

List ビューの最初の子として Toggle ビューを追加し、showFavoritesOnly に結束を渡します。

$ 接頭辞を使用して、状態変数またはそのプロパティの 1 つへの結束にアクセスします。

    LandmarkList.swift

13. NavigationView {
14. List {
Toggle(isOn: $showFavoritesOnly) {
Text("Favorites only")
}
15. ForEach(filteredLandmarks) { landmark in
16. NavigationLink(destination: LandmarkDetail(landmark: landmark)) {

ステップ 3

先に進む前に、showsFavoritesOnly のデフォルト値を false に戻します。

    LandmarkList.swift

3. struct LandmarkList: View {
@State private var showFavoritesOnly = false
5. var filteredLandmarks: [Landmark] {

ステップ 4

ライブプレビューを使用し、トグルをタップしてこの新機能を試してください。