Функция RadioButton

Функция RadioButton рисует круг Material3, который показывает, выбран ли вариант. Параметр selected задаёт выбор, onClick вызывают при нажатии. В группе несколько кнопок делят одно состояние, его хранят через remember и mutableStateOf.

Синтаксис

RadioButton(
	selected = selected,
	onClick = { selected = true },
)

Параметры

Параметр	Описание
`selected`	`true`, если этот вариант выбран в группе.
`onClick`	Обработчик нажатия. Обычно записывает идентификатор выбранного варианта в состояние.
`enabled`	Блокирует нажатие, если `false`.

Пример

Давайте выберем между двумя вариантами:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Row
import androidx.compose.material3.RadioButton
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			var pick by remember { mutableStateOf("abcde") }
			Row {
				RadioButton(
					selected = pick == "abcde",
					onClick = { pick = "abcde" },
				)
				RadioButton(
					selected = pick == "12345",
					onClick = { pick = "12345" },
				)
			}
		}
	}
}

На экране два круга в ряд, у первого варианта заполнен центр, у второго пустой.

Смотрите также

функция Checkbox,
которая отмечает независимые пункты
функция Switch,
которая включает и выключает настройку
функция DropdownMenu,
которая показывает список пунктов во всплывающем меню
функция Slider,
которая меняет числовое значение ползунком