带文本和图像的SwiftUI表单选择器

带文本和图像的SwiftUI表单选择器,swift,swiftui,Swift,Swiftui,我试图创建一个表单选择器,在顶层显示当前选定的图像资源,当用户选择它来显示详细信息时,我希望它显示所有可用的图像资源 以下是代码的相关部分: Picker("Background image:", selection: $task.background) { ForEach(0 ..< backgroundImages.count) { Image("Background

我试图创建一个表单选择器,在顶层显示当前选定的图像资源,当用户选择它来显示详细信息时,我希望它显示所有可用的图像资源

以下是代码的相关部分:

                Picker("Background image:", selection: $task.background) {
                    ForEach(0 ..< backgroundImages.count) {
                        Image("Background\($0)").resizable().frame(width: 100, height: 35, alignment: .center)
                        Text("Background\($0)")
                    }
                }
Picker(“背景图像:”,选择:$task.Background){
ForEach(0..
问题在于,在详细信息屏幕中,我看到:

图像为空白,图像和文本显示在两个不同的行上


我曾尝试用HStack包装图像和文本行,但在其他行上会出现编译时错误。任何建议都会很有帮助。

以下内容应该可以编译并运行良好(使用替换的系统映像、Xcode 11.2进行测试)

Picker(“背景图像:”,选择:$task.Background){
ForEach(0..
感谢您的回复。这解决了我的问题的前半部分,因为它在同一行上显示文本和图像。不幸的是,尽管图像在主视图中正确显示,但在局部视图中仍然是一个白色矩形。请记住,这是表单中的选择器,因此它不会显示为车轮选择器,而是显示为主/细节选择器。
Picker("Background image:", selection: $task.background) {
    ForEach(0 ..< backgroundImages.count) { i in
        HStack {
            Image("Background\(i)").resizable().frame(width: 100, height: 35, alignment: .center)
            Text("Background\(i)")
        }
    }
}