如何在Jetpack Compose中调整ExtendedFloatingActionButton的边距与位置？

要微调ExtendedFloatingActionButton的右侧和底部边距，最直接的方式是给按钮添加Modifier.padding()，通过指定end和bottom参数来控制偏移量。默认情况下Scaffold会为FAB提供基础边距，自定义padding可以覆盖或微调这个默认值。

修改你的Scaffold代码，给ExtendedFloatingActionButton添加padding修饰符：

Scaffold(
    topBar = {
        TopAppBar(
            content = { ... },
            backgroundColor = PrimaryVariantLight,
        )
    }, 
    backgroundColor = PrimaryLight,
    floatingActionButton = {
        // 添加padding修饰符调整右侧和底部边距
        ExtendedFloatingActionButton(
            modifier = Modifier.padding(end = 16.dp, bottom = 24.dp), // 自定义边距数值
            text = { FAB() },
            onClick = { },
            backgroundColor = SecondaryLight,
            elevation = FloatingActionButtonDefaults.elevation(8.dp)
        )
    },
    floatingActionButtonPosition = FabPosition.End
) { paddingValues ->
    LazyColumn(
        modifier = Modifier
            .fillMaxWidth()
            .fillMaxHeight()
            .padding(8.dp),
        contentPadding = paddingValues,
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(myItems) { myItem ->
            ...
        }
    }
}

额外调整方案 #

如果需要更灵活的位置偏移（比如横向或纵向的精确位移），可以使用Modifier.offset()：

ExtendedFloatingActionButton(
    modifier = Modifier.offset(x = -10.dp, y = -10.dp), // x控制横向偏移，y控制纵向偏移
    // 其他参数不变
)

注意：offset是相对于原始位置的位移，而padding是在布局中预留空间，根据你的需求选择合适的方式。

内容的提问来源于stack exchange，提问作者Ashwin