title: How can I have Image and Text for Picker in SegmentedPickerStyle in SwiftUI?
body: <p>I am building a Picker with SwiftUI.</p>
  <p>Now i want do add an icon AND text for each selection. So it should look something like this:</p>
  <p><a href="https://i.stack.imgur.com/wcQt1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wcQt1.png" alt="enter image description here" /></a></p>
  <p>Is this possible? If yes how to do it?</p>
  <p>Or is it not recommended by Apples apples human interface guidelines at all?</p>
  <p>I already tried to use a HStack to wrap image and text together.</p>
  <pre><code>enum Category: String, CaseIterable, Identifiable {
      case person
      case more
  
      var id: String { self.rawValue }
  }
  
  struct ContentView: View {
  
      @State private var category = Category.person
  
      var body: some View {
          Picker(&quot;Category&quot;, selection: $category) {
              HStack {
                  Image(systemName: &quot;person&quot;)
                  Text(&quot;Person&quot;)
              }.tag(Category.person)
              HStack {
                  Image(systemName: &quot;ellipsis.circle&quot;)
                  Text(&quot;More&quot;)
              }.tag(Category.more)
          }.pickerStyle(SegmentedPickerStyle())
          .padding()
      }
  }
  </code></pre>
  <p>But the framework splits it up into four.</p>
  <p><a href="https://i.stack.imgur.com/celHr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/celHr.png" alt="enter image description here" /></a></p>