如何在 Jetpack Compose Material 3 中制作支架 FAB？

Question

我正在尝试使用 Jetpack Compose Material 3 制作 Cradled FAB。基于本网站文档中的图像：https ://m3.material.io/components/bottom-app-bar/implementation

然而，在代码中我找不到任何关于在哪里指定锚点位置或将 fab 设置为停靠的信息。示例代码是 XML，我使用的是 Compose。这是怎么做到的？我现在正在使用 Scafold 和 BottomAppBar，但它们似乎没有任何选项来停靠、支撑或锚定浮动操作按钮。

Answer 1

选项之一是使用脚手架，您可以设置“floatingActionButtonPosition”

 Scaffold(
    bottomBar = { //bottomBar sample },
    floatingActionButton = {
        //Button
    },
    floatingActionButtonPosition = FabPosition.Center,
    content = {//your content