未在SwiftUI视图中显示的图像

未在SwiftUI视图中显示的图像,swiftui,Swiftui,我是SwiftUI的新手,我正在尝试跟随WWDC-2019应用程序演示,名为“介绍SwiftUI:构建您的第一个应用程序”。到目前为止,一切正常,只是图像没有按预期在视图上渲染。“我的资产”XCaseTes正确加载了九个缩略图图像,每个图像都附有房间名称。以下是我的contentView代码: import SwiftUI struct ContentView: View { var rooms: [Room] = [] var body: some View {

我是SwiftUI的新手,我正在尝试跟随WWDC-2019应用程序演示,名为“介绍SwiftUI:构建您的第一个应用程序”。到目前为止,一切正常,只是图像没有按预期在视图上渲染。“我的资产”XCaseTes正确加载了九个缩略图图像,每个图像都附有房间名称。以下是我的contentView代码:

import SwiftUI

struct ContentView: View {
    var rooms: [Room] = []

    var body: some View {
        List(rooms) { room in
            Image(room.thumbnailName)

            VStack (alignment: .leading){
                Text(room.name)
                Text("\(room.capacity) people")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView(rooms: testData)
    }
}
 Image (room.thumbnailName)
                .resizable()
                .frame(width: 32.0, height: 32.0)
下面的代码是名为“Room”的可识别结构和名为“testData”的数据

我尝试将缩略图的名称改为“缩略图名称”、“拇指”、“房间”,但都不起作用。我无法将单词“Thumb”与代码中的任何内容联系起来,我怀疑这可能是问题的根源

根据要求,以下是资产内容的屏幕截图:

更改行:

var thumbnailName: String { return name + "Thumb"}
为此:

var thumbnailName: String { return name}

图像不会仅通过在某个位置添加“thumb”自动更改其大小。您可以在资源中添加带有“thumb”名称的小图像,也可以通过添加可调整大小和边框来更改图像的大小。

图像不会仅通过添加“thumb”自动更改其大小在有结构代码的文件室中,在go之后退出单词“thumb”,并将下一行代码放在图像下方(ROOM.thumbnailName)

ROM文件:

var thumbnailName: String {return name}
contentView:

import SwiftUI

struct ContentView: View {
    var rooms: [Room] = []

    var body: some View {
        List(rooms) { room in
            Image(room.thumbnailName)

            VStack (alignment: .leading){
                Text(room.name)
                Text("\(room.capacity) people")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView(rooms: testData)
    }
}
 Image (room.thumbnailName)
                .resizable()
                .frame(width: 32.0, height: 32.0)

请使用快照向我们显示您的资产内容此处是资产内容的屏幕截图: