Android studio 如何更改工厂上的图标并将项目重新定位到Jetpack Compose上的末尾/右侧？

因此，我尝试制作一个底部导航栏并使用它，但当我在FloatingActionButton上使用图标属性时，它不会注册，我还想重新定位底部导航上的所有项目以进行练习，但无法找到它

bottomBar = {
                    BottomAppBar(backgroundColor = materialBlue700, cutoutShape = CircleShape) {
                        Text(text = "BottomAppBar")
                        Button(
                                onClick = { },
                        backgroundColor = Color.Yellow) {
                        Row {
                            Spacer(Modifier.preferredSize(4.dp).padding(32.dp))
                            Text("Button")
                        }
                    }
                        IconButton(onClick = {
                            scaffoldState.drawerState.open()
                        }) {
                            Icon(Icons.Filled.Menu)
                        }
                        Spacer(modifier = Modifier.weight(1f, true))

           

 }
        },
        floatingActionButtonPosition = FabPosition.End,
        isFloatingActionButtonDocked = true,
        floatingActionButton = {
            FloatingActionButton(
                    shape = CircleShape,
                    onClick = {},
            ) {
                Icon(asset = Icons.Filled.Add)
            }
        }

---

编辑：我所说的“它不注册”是指该卡不会在预览中内部显示，

BottomAppBar

user

Row

以对齐组件（与

LinearLayout

方向为水平），因此您需要相应地添加该项

例：

---

预览将如下所示。

FloatingActionButton的哪个图标属性未注册？内部底部栏内容放置在行内。“它未注册”的含义是什么，以及您希望如何在底部导航上重新定位项目。你能更清楚地回答你的问题吗？“它没有注册”我的意思是它没有显示在预览中

@Composable
fun BottomBarSample() {
    Scaffold(
        drawerContent = { },
        topBar = { },
        floatingActionButton = {
            FloatingActionButton(
                shape = CircleShape,
                onClick = {},
            ) {
                Icon(asset = Icons.Filled.Add)
            }
        },
        floatingActionButtonPosition = FabPosition.End,
        isFloatingActionButtonDocked = true,
        bodyContent = { },
        bottomBar = {
            BottomAppBar(backgroundColor = purple500, cutoutShape = CircleShape) {
                IconButton(onClick = {
//                    scaffoldState.drawerState.open()
                }) {
                    Icon(Icons.Filled.Menu, tint = Color.Red)
                }

                Text(text = "BottomAppBar")

                Spacer(modifier = Modifier.preferredSize(16.dp))

                Button(
                    onClick = { },
                    backgroundColor = Color.Red
                ) {
                    Row() {
                        Text("Button")
                    }
                }
            }
        }
    )
}