• 標準のComposable関数
  • Text Composable
    • Jetpack Composeで文字列を表示する
    • Text Composableで文字列の色を変更する
    • Text Composeで文字サイズを変更する
  • Image Composable
    • Jetpack Composeで画像リソースを表示する
    • Image Composableで画像の中央で切り取って表示する(centerCrop)
  • Button Composable
    • Jetpack Composeでボタンを表示させる
  • TextField Composable
    • Jetpack Composeでテキスト入力欄を表示する
    • TextFieldでヒント文字列を表示する
    • TextFieldでパスワード入力欄を表示する
  • CircularProgressIndicator
    • Jetpack Composeで読み込み中のぐるぐるを表示する
  • Column
    • Jetpack ComposeでComposableを縦に並べる
  • Row
    • Jetpack ComposeでComposableを横に並べる
• Compose Modifier
  • Jetpack Composeで幅を指定する
  • Jetpack Composeで高さを指定する
  • Jetpack Composeで背景色を指定する
  • Jetpack Composeで角丸の背景色を指定する
  • Jetpack Composeで余白(Padding)を指定する
• アプリのベースとなるComposable
  • Scaffold Composable
    • アプリでScaffold Composableを使ってみる
    • Jetpack ComposeのScaffoldにトップバーを追加する
    • Scaffold ComposableにFloatingActionButton(FAB)を追加する
  • Navigation Compose
    • Jetpack ComposeアプリにNavHostを追加する
    • Jetpack Composeで画面遷移させる
    • TopAppBarの戻るボタンに対応する
    • Jetpack Composeで各画面にViewModelを追加する
  • Jetpack ComposeとAndroid Architecture Component
    • Jetpack ComposeでLiveDataを状態として扱う
    • Jetpack ComposeでFlowを状態として扱う
  • Jetpack ComposeとHilt
    • Hiltを使ってViewModelに依存性を注入(DI)する
• Jetpack Composeで副作用を扱う