title: SwiftUI Form Picker with text and Image
body: <p>I am trying to create a form picker that shows the currently selected image resource at the top level and when the user selects it to show the detail, I want it to show all of the image resources available.</p>
  
  <p>Here is the relevant section of code:</p>
  
  <pre><code>                Picker("Background image:", selection: $task.background) {
                      ForEach(0 ..&lt; backgroundImages.count) {
                          Image("Background\($0)").resizable().frame(width: 100, height: 35, alignment: .center)
                          Text("Background\($0)")
                      }
                  }
  </code></pre>
  
  <p>The problem with this is that in the detail screen I get:</p>
  
  <p><a href="https://i.stack.imgur.com/yq6bm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yq6bm.png" alt="enter image description here"></a></p>
  
  <p>The image is blank and the image and text appear on 2 different rows.</p>
  
  <p>I have tried wrapping the Image and Text lines in an HStack, but that gives a compile time error on some other line. Any suggestions would be helpful.</p>