1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Jetpack Composeで動的に表示を切り替える

Posted at

初めに

今回はJetpackComposeで実装している時に動的に表示を切り替える簡単なやり方を紹介していこうと思います。

本文

早速紹介していこうと思います。
まず、下記のメンバー変数を@Composable内部で宣言してください

val visible = remember { mutableStateOf(false) }

こうすることで宣言した@Composableが除去されるまで再度composeされてもremembervisibleの状態を監視し続けてくれます。
このvisibleを切り替えたいViewexpandedに設定をしてあげることで簡単に表示を切り替えることができます。
表示・非表示の切り替えだけでなく、状態を監視してくれてるのでEditTextなどへの入力がされた時に随時更新したい場合などでも使うことができます。

最後に

公式のサイトを参考にすごく噛み砕いて説明をしてみました。
https://developer.android.com/jetpack/compose/state#state-in-composables
もし誰かのお役に立てれば幸いです

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?