Scaffold ComposableにFloatingActionButton(FAB)を追加する
最終更新日:2024-08-03
Scaffold
にFloatingActionButton(FAB)を追加するには、 floatingActionButton
パラメータで FloatingActionButton
を指定します。
Scaffold(
topBar = { MyTopAppBar() },
// このパラメータを追加する
floatingActionButton = {
FloatingActionButton(onClick = {
println("Clicked!")
}) {
Image(
painter = painterResource(id = R.drawable.ic_baseline_add_24),
contentDescription = "Add"
)
}
}
) {
MainScreen()
}
FABの中に表示するアイコンは Vector Assets
で追加するとよいでしょう。
実行すると次のように右下にFABが表示されます。