02.設定アイコンの追加

   :
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行目

アイコンボタンを追加します。