2023-07-01から1ヶ月間の記事一覧

CheckBoxを含むリストアイテムでアイテム全体をチェックON/OFF切り替え対象にする

Checkboxの中ではなく親要素に指定することで対象を変更できる 修正前 @Composable private fun TopicItem(itemTitle: String, selected: Boolean, onToggle: () -> Unit) { // ... Row( modifier = Modifier .padding(horizontal = 16.dp, vertical = 8.dp)…

Navigation

RallyDestination でicon、route(destinationを指定するためのString)、表示するComposableをまとめてinterfaceとして定義(本来はComposableは分離するべきとのこと) Overview, Accounts, Bills で各画面に対する値を指定 /** * Contract for informatio…

Jetpack Compose CodeLab / Jetpack Compose の状態 - ViewModelの状態

警告: ViewModel はコンポジションの一部ではありません。そのため、コンポーザブルで作成された状態(保存された値など)は保持しないでください。メモリリークが発生する可能性があります。 とのこと。ViewModel の外部から変更できないように_tasksを定義…

Jetpack Composeでのリスト操作

Jetpack Compose の状態のCodeLab続きデータクラスを作って仮データを入れる data class WellnessTask(val id: Int, val label: String) private fun getWellnessTasks() = List(30) { i -> WellnessTask(i, "Task # $i") }このデータクラスのListをLazyColu…

JetpackCompose チュートリアル6 Jetpack Compose の状態

1つのComposableで2つの状態を表現できる。 UI上でそれぞれ別の部品なので更新のあった値(waterCount, juiceCount)に関わるComposableだけが再Composeされる。 @Composable fun StatefulCounter() { var waterCount by remember { mutableStateOf(0) } var j…