Tech Sheets

TopAppBarに右上アクションを追加する

最終更新日:2023-11-12

Jetpack ComposeのTopAppBarの右上にアクションを追加するには、 actions パラメータで IconButton を使います。

Scaffold(
  topBar = {
    TopAppBar(
      title = { Text("Title") },
      actions = {
        IconButton(onClick = { /*TODO*/ }) {
          Icon(
            imageVector = Icons.Default.Send,
            contentDescription = "Send",
          )
        }
      }
    )
  }
) { paddingValues -> 
}

右上に送信アイコンが表示されました。

一覧に戻る