Pickerで選択する要素を、ImageとTextで並べて表示させたい

Question

前提・実現したいこと

SwiftUIでアプリの開発をしています。

PickerをpickerStyle(SegmentedPickerStyle())でスタイルを変更した際に、選択する要素を、ImageとTextを並べた状態で表示したいです（下記画像の矢印の場所へImageを表示）。

しかし、希望どおりの表示になりません。
対応の方法をご存知の方おりましたら、ご教授いただけないでしょうか？

該当のソースコード

ベースのコード

import SwiftUI

struct PickerTest: View {
    
    @State var selection: Int = 0
    
    var body: some View {
        NavigationView{
            Form{
                Picker(selection: $selection, label: Text("")) {
                    Text("１番目").tag(0)
                    Text("２番目").tag(1)
                }.pickerStyle(SegmentedPickerStyle())
            }
        }
    }
}

struct PickerTest_Previews: PreviewProvider {
    static var previews: some View {
        PickerTest()
    }
}

試したこと

HStackを利用する方法を試しましたが、下記画像のように、項目が４つになっていまい選択の機能も正常にうごきません。

import SwiftUI

struct PickerTest: View {
    
    @State var selection: Int = 0
    
    var body: some View {
        NavigationView{
            Form{
                Picker(selection: $selection, label: Text("")) {
                    HStack {
                        Image(systemName: "circle")
                        Text("１番目")
                    }.tag(0)
                    HStack {
                        Image(systemName: "circle")
                        Text("２番目")
                    }.tag(1)
                }.pickerStyle(SegmentedPickerStyle())
            }
        }
    }
}

struct PickerTest_Previews: PreviewProvider {
    static var previews: some View {
        PickerTest()
    }
}

補足情報（FW/ツールのバージョンなど）

Xcode: Version 11.7

Answer 1

SegmentedPickerStyle の定義みる(Jump to Definition)と下記のように記載があります。
Text か Image のみなので
現時点では同じようなUIを自作で作るか，絵文字使うしかないと思われます。

Note: The segmented picker style supports Text and Image segments only.
Any other view results in a visible, but empty, segment.

Comments

[tomaa]

ご回答ありがとうございます。
参考にさせていただきます。