質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.58%

SwiftUI Listでのデータの受け渡しができなくてつまづいている。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,097

taichi_dm_

score 60

LoginView.swift

import SwiftUI

struct LoginView: View {

    var body: some View {
        NavigationView {

            VStack {
                //VStackやHStackを入れないとNavigationViewが機能しないらしい。
                Text("ようこそ")
                    .font(.system(size: 60))
                    .fontWeight(.thin)
                Divider().padding()
                Spacer()


                NavigationLink(destination: HomeView()) {
                    HStack {

                        Image(systemName: "person")
                            .foregroundColor(.gray)
                        Text("ログイン")
                            .font(.title)
                            .fontWeight(.thin)
                    }
                }
                Divider().padding(20)
                NavigationLink(destination: EmptyView()) {
                    HStack(alignment: .center) {
                        Image(systemName: "pencil.circle")
                            .foregroundColor(.gray)
                        Text("登録はこちらから!")
                            .font(.title)
                            .fontWeight(.thin)

                    }
                }
                Divider().padding(20)
                NavigationLink(destination: NotificationView(notification: testData, posts: testPosts)) {
                    HStack {
                        Image(systemName: "paperplane")
                            .foregroundColor(.gray)
                        Text("お知らせ")
                            .font(.title)
                            .fontWeight(.thin)
                    }

                }
                Spacer()
            }

        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        LoginView()
    }
}


HomeView.swift

import SwiftUI

struct HomeView: View {

    var body: some View {
        TabView {
            TimeLineView(posts: testPosts)
                .tabItem {
                    Image(systemName: "house")
                        .font(.title)
                }
                .tag(1)
            Text("Tab Content 2")
                .tabItem {
                    Image(systemName: "heart")
                        .font(.title)
                }
                .tag(2)

            Text("user")
                .tabItem {
                    Image(systemName: "person")
                        .font(.title)
                    }
            .tag(3)
        }
    }
}

struct HomeView_Previews: PreviewProvider {
    static var previews: some View {
        HomeView()
    }
}


TimeLineView.swift

import SwiftUI

struct TimeLineView: View {
    var posts: [Posts] = []
    var body: some View {
        List(posts) { posts in
            HStack {
                VStack {
                    Image(posts.imageOfUser)
                        .resizable()
                        .scaledToFit()
                        .clipShape(Circle())
                        .overlay(Circle().stroke(Color.white, lineWidth: 1))
                        .shadow(radius: 10)
                        .frame(width: 66, height: 66)
                    Spacer()
                }
                VStack {
                    HStack {
                        Text(posts.name).bold()
                        Text("@" + "\(posts.username)").fontWeight(.light)
                        Spacer()
                    }.padding(5)
                    Text(posts.text)
                }
            }
        }
        Text("text")
    }
}

struct TimeLineView_Previews: PreviewProvider {
    static var previews: some View {
        TimeLineView(posts: testPosts[0])
    }
}


Posts.swift

import SwiftUI

struct Posts: Identifiable {
    var id = UUID()
    var name: String
    var username: String
    var text: String
    var numReply: Int
    var numRepost: Int
    var numLike: Int

    var imageOfUser: String { return name + "Thumb" }

}

let testPosts = [
    Posts(
        name: "マクドナルド",
          username: "McDonaldsJapan",
          text: "選べる2つの食感!...",
          numReply: 29, numRepost: 3087, numLike: 17000),
    Posts(
        name: "こが",
          username: "testtest",
          text: "長門市の.....",
          numReply: 1, numRepost: 0, numLike: 4)
]


やりたいこと:

この、LoginView()、HomeView()、TimeLineView()と、Postsを使って、ツイッターのように、テストデータ用データからユーザーネームや本文などを取得して、タイムライン表示させたいです。
この画像のログインボタンを押すと、
上の画像のログインボタンを押すと、
こちらの画面に遷移します
↑こちらの画面に遷移して、ライムラインのように表示させたいです。エラーが出るため

Text("text")

を代わりに置いています。")

var posts:[Posts] = []


や、

let posts: Posts


などの記述が間違っているとエラーがでていて、自力じゃどうすればいいかわからなかったので、質問させていただきました。
拙い文でしたが、なんとか伝わればと思います。
ご教授お願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

いろいろ削りましたが、こんな感じで動作しましたよ?

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {

            VStack {
                //VStackやHStackを入れないとNavigationViewが機能しないらしい。
                Text("ようこそ")
                Divider().padding()
                Spacer()


                NavigationLink(destination: TimeLineView(posts: testPosts)) {
                    HStack {
                        Text("テスト")
                            .font(.title)
                            .fontWeight(.thin)
                    }
                }

                Spacer()
            }

        }
    }
}

struct Posts: Identifiable {
    var id = UUID()
    var name: String
    var username: String
    var text: String
    var numReply: Int
    var numRepost: Int
    var numLike: Int

    var imageOfUser: String { return name + "Thumb" }

}

let testPosts = [
    Posts(
        name: "マクドナルド",
          username: "McDonaldsJapan",
          text: "選べる2つの食感!...",
          numReply: 29, numRepost: 3087, numLike: 17000),
    Posts(
        name: "こが",
          username: "testtest",
          text: "長門市の.....",
          numReply: 1, numRepost: 0, numLike: 4)
]

struct TimeLineView: View {
    var posts: [Posts]

    var body: some View {
        List(posts) { posts in
            HStack {
                VStack {
                    Image(posts.imageOfUser)
                        .resizable()
                        .scaledToFit()
                        .clipShape(Circle())
                        .overlay(Circle().stroke(Color.white, lineWidth: 1))
                        .shadow(radius: 10)
                        .frame(width: 66, height: 66)
                    Spacer()
                }
                VStack {
                    HStack {
                        Text(posts.name).bold()
                        Text("@" + "\(posts.username)").fontWeight(.light)
                        Spacer()
                    }.padding(5)
                    Text(posts.text)
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.58%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る