[SwiftUI] データにアクセスする方法がわかりません。

Question

import SwiftUI

struct ProfileDetail: View {
    var profile: [Profile] = []
    
    var body: some View {
        VStack {
            HStack {
                Image(profile.imageOfUser)
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 88, height: 88)
                    .clipShape(Circle())
                    .hueRotation(Angle(degrees: -20))
                    .saturation(30)
                    .brightness(0.5)
                    .colorInvert()
                Spacer()
            }
            HStack {
                VStack(alignment: .leading) {
                    Text(profile.name).font(.body)
                    Text("@" + "notTakuzouKadono").foregroundColor(.secondary)
                }
                Spacer()
            }.padding(.horizontal)
            VStack(alignment: .leading) {
                Text("角野卓造じゃねーよ！#角野卓造")
                HStack {
                    Image(systemName: "location")
                    Text("この世界のどこか")
                }.font(.caption).foregroundColor(.gray)
                HStack {
                    Image(systemName: "phone")
                        .foregroundColor(.gray)
                    Text("080-4283-3753")
                        .foregroundColor(.blue)
                }.font(.caption)
                Divider()
            }.padding(.horizontal)
            HStack {
                Text("255")
                Text("フォロー中")
                    .font(.caption)
                    .foregroundColor(.gray)
                Text("81")
                Text("フォロワー")
                    .font(.caption)
                    .foregroundColor(.gray)
                Spacer()
            }.padding(.horizontal)
        }
    }
}

struct ProfileDetail_Previews: PreviewProvider {
    static var previews: some View {
        ProfileDetail(profile: testProfile)
    }
}

struct Profile: Identifiable {
    var id = UUID()
    var name: String
    var username: String
    var text: String
    var numFollowing: Int
    var numFollower: Int
    var phoneNumber: String
    var at: String
    
    var imageOfUser: String { return name + "Thumb" }
    
}

let testProfile = [
    Profile(name: "角野卓造", username: "notTakuzouKadono", text: "角野卓造じゃねーよ！#角野卓造", numFollowing: 255, numFollower: 193487, phoneNumber: "6444-4444-4444", at: "ちきゅう")
]

上の方の、

Image(profile.imageOfUser)
~~~~~~
 Text(profile.name)

でValue of type '[Profile]' has no member 'imageOfUser'というエラーがでます。

Profile型を作って、配列testProfileでProfile型のデータをつくって、、ProfileDetailというViewでそれを使おうとしています。

どうすれば、profileのプロパティ？(?)にアクセスできますか？
多分単純なことなのですが、自力で解決できませんでした。
ご教授お願いします。

Answer 1

profile周りの初期化を確認してみてください。こうすると、エラーが出なくなります。

    var profile: Profile = Profile(
        id: UUID(),
        name: "my name",
        username: "my_username",
        text: "blabla",
        numFollowing: 5,
        numFollower: 3,
        phoneNumber: "8989-467-784327",
        at: "Here"
    );

Upd. どうしてもvar profile: [Profile]にしたいと、profile[0].nameとかしないといけないですね。