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