Jetpack Compose中如何修改Column内特定子项的水平对齐方式？

方式一：修改整个ScanDeviceList在父Column中的对齐位置 #

直接在调用ScanDeviceList时添加Modifier.align()，覆盖父Column的默认对齐：

Column(
    modifier = Modifier
        .padding(16.dp)
        .fillMaxSize()
        .verticalScroll(rememberScrollState()),
    horizontalAlignment = Alignment.CenterHorizontally,
) {
    ScreenImage()
    Description()
    if (viewModel.isBluetoothEnabled) {
        // 添加align修饰符，指定你需要的对齐方式，比如左对齐
        ScanDeviceList(scanDeviceList).align(Alignment.Start)
    } else {
        Warning()
        Spacer(modifier = Modifier.weight(1f))
        TryAgainButtonView { tryAgainAction() }
        ButtonView { openSettingAction() }
    }
}

Modifier.align()是ColumnScope（以及RowScope、BoxScope）提供的专属修饰符，优先级高于父布局的默认对齐设置，可单独指定子项在父布局中的对齐方式。

方式二：修改ScanDeviceList内部元素的对齐 #

如果希望ScanDeviceList整体在父Column中仍保持居中，但让其内部元素（比如示例中的Text）使用不同对齐，可在组件内部嵌套一个布局容器（比如Column），设置独立的horizontalAlignment：

@Composable
fun ColumnScope.ScanDeviceList(scanDeviceList: List<ScanResult>) {
    Spacer(modifier = Modifier.height(20.dp))
    // 嵌套Column，指定内部元素的对齐方式
    Column(horizontalAlignment = Alignment.Start) {
        AnimatedVisibility(scanDeviceList.isNotEmpty()) {
            Text(
                text = stringResource(R.string.vailable_device),
            )
        }
    }
}

嵌套的Column会成为内部元素的父布局，其对齐设置会覆盖外部父Column的影响，而ScanDeviceList整体在外部Column中仍保持原有的居中对齐。

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