メモ詳細画面を作成

ソースコード:MyColorMemoAppSwiftUI

コード

//

import SwiftUI
struct HomeView: View {
    @State var memoDataList: [String] = []
    
    var body: some View {
        NavigationStack {
            VStack {
                memoList
                Spacer()
            }
        }
        .onAppear {
            memoDataList = ["バナナを買う", "本を読む", "散歩する"]
        }
    }
    
    /// メモ一覧.
    var memoList: some View {
        List {
            ForEach(memoDataList, id: \.self) { memo in
                NavigationLink(
                    destination:
                        MemoDetailView()
                ) {
                    Text(memo)
                }
            }
        }
        .listStyle(.plain)
    }
}

#Preview {
    HomeView()
}

//

import SwiftUI

struct MemoDetailView: View {
    var body: some View {
        Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
    }
}

#Preview {
    MemoDetailView()
}

  • ユーザー名:
  • 受講プラン:
  • 完了ステータス:未完了
cta_img

受講申し込みはこちらから

まずは受講用アカウントの作成からスタート。
iOSアカデミアの受講に必要な各種情報を記載した、ご案内メールをお届けします。

受講申し込み