Instance Method インスタンスメソッド

horizontalRadioGroupLayout()

Sets the style for radio group style pickers within this view to be horizontally positioned with the radio buttons inside the layout. ラジオグループ形式ピッカーに対するスタイルをこのビュー内で設定します、そのレイアウト（割り付け）内でラジオボタンが水平に置かれるようにします。

Declaration 宣言 

func horizontalRadioGroupLayout() -> some View

Discussion 議論

Use horizontalRadioGroupLayout() to configure the visual layout of radio buttons in a Picker so that the radio buttons are arranged horizontally in the view.

The example below shows two Picker controls configured as radio button groups; the first group shows the default vertical layout; the second group shows the effect of horizontalRadioGroupLayout() which renders the radio buttons horizontally.


struct HorizontalRadioGroupLayout: View {
    @State private var selected = 1
    var body: some View {
        VStack(spacing: 20) {
            Picker(selection: $selected, label: Text("Favorite Color")) {
                Text("Red").tag(1)
                Text("Green").tag(2)
                Text("Blue").tag(3)
                Text("Other").tag(4)
            }
            .pickerStyle(.radioGroup)


            Picker(selection: $selected, label: Text("Favorite Color")) {
                Text("Red").tag(1)
                Text("Green").tag(2)
                Text("Blue").tag(3)
                Text("Other").tag(4)
            }
            .pickerStyle(.radioGroup)
            .horizontalRadioGroupLayout()
        }
        .padding(20)
        .border(Color.gray)
    }
}

A screenshot showing radio button groups laid out horizontally and