02.設定アイコンの追加

:core:uiのアプリケーションタイトルバーAppTitleBox.ktに設定アイコンを追加します。

highlight:; title:/core/ui/src/main/kotlin/jp/co/progress_llc/portal/core/ui/components/AppTitleBox.kt
   :
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.material3.*
   :
import androidx.compose.ui.res.painterResource
   :
import jp.co.progress_llc.portal.core.ui.R as CoreR
   :
fun AppTitleBox(
  modifier: Modifier = Modifier
) {
  Box(
   :
  ) {
    Row(
      modifier = Modifier.fillMaxWidth(),
      horizontalArrangement = Arrangement.SpaceBetween,
      verticalAlignment = Alignment.CenterVertically
    ) {
      Text(
   :
      )
      IconButton(
        onClick = { }
      ) {
        Icon(
          painter = painterResource(CoreR.drawable.ic_settings),
          contentDescription = null,
          tint = MaterialTheme.colorScheme.onPrimaryContainer,
          modifier = Modifier.size(32.dp)
        )
      }
    }  
   :
2行目~4行目
material3のimport定義を***にします。
; 6行目
: アイコン表示の
import定義を追加します。
; 8行目
: アイコンリソースファイルの
import定義を追加します。
: **:app
モジュールのアイコンリソースファイルと区別しています。
16行目~20行目
Rowを追加して、要素間を空けます。
24行目~33行目
アイコンボタンを追加します。