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

JetpackCompose チュートリアル4

リストをアニメーションする 状態変数を定義(expanded) 状態による変化幅を定義(extraPadding)。ここでは高さを変える アニメーションさせたい部分で上記で定義した変化幅を指定する var expanded by remember { mutableStateOf(false) } val extraPadding b…

JetpackCompose チュートリアル3

状態の保持 状態はrememberで保持できるが画面回転やプロセス終了で状態破棄されるので保持したい場合はrememberSaveableを使う。 MyApp内での分岐にshouldShowOnboardingを使いたいので定義自体はMyApp内に保持してOnboardingScreenにメソッドを渡す→ボタン…

JetpackCompose チュートリアル2

要素の中央寄せ 中身を中央寄せしたい親要素で以下を指定 verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally, Textに背景をつける Surfaceで囲ってSurfaceにcolorを指定する。 Surafceのようなマテリアルコン…

Jetpack Compose チュートリアル1

理解出来てなかった部分のメモ materialとmaterial3では色指定方法が若干違う material→MaterialTheme.colors.secondary material3→MaterialTheme.colorScheme.secondary ダークテーマの確認 Composeの前に以下でプレビューにも表示される @Preview( uiMode …