Jetpack Composeでリストの項目を開いて自動スクロールする
LazyColumnの項目を展開し、開いた項目へアニメーション付きでスクロールします。
Jetpack ComposeでAlertDialogを表示する
ボタンでダイアログを開き、OKボタンで閉じる例です。
Jetpack Composeでリストから画面遷移して値を渡す
リストで選んだ名前をNavigation Composeの引数として渡し、遷移先に表示します。
Jetpack ComposeのLazyColumnでリストを表示する
LazyColumnに名前の一覧を渡し、縦にスクロールできるリストを表示します。
Jetpack Composeでボタンを押したら文字を変える
rememberとmutableStateOfで文字列を保持し、ボタンから値を変更します。
Jetpack ComposeでTopAppBarにタイトルを表示する
ScaffoldのtopBarにTopAppBarを置き、画面の上部にタイトルを表示します。
Jetpack ComposeのNavigationBarで画面を切り替える
Material 3のNavigationBarとNavigation Composeを組み合わせ、3つの画面を切り替えます。
Jetpack Composeで画像を等間隔で横に並べる
Rowの中でSpacerに同じweightを指定し、画像の間と両端の余白を均等にします。
Jetpack Composeで丸い画像に枠を付ける
円形に切り取った画像に、同じCircleShapeの枠線を重ねます。
Jetpack Composeで画像を丸く切り取る
画像を正方形の領域に配置し、CircleShapeで円形に切り取ります。
JetpackComposeで画面遷移する
JetpackComposeで画面遷移する方法です。 以下の記事を参考にしながら画面遷移してみました。 まだまだ分からないことだらけです。
参考: Compose を使用して移動する
