Android Compose适配WearOS圆形屏幕：文本裁剪问题求助

问题原因 #

Pixel Watch的圆形屏幕存在边缘安全区域，普通固定padding未适配圆形设备的视觉裁剪范围，导致文本靠近边缘时被截断。

解决方案 #

方案一：使用Wear Compose内置安全区域适配

直接用wearInsetsPadding()修饰符，它会自动识别设备屏幕形状（圆形/方形），为内容预留安全区域，避免裁剪：

Scaffold {
    Column(
        modifier = modifier
            .fillMaxSize()
            .wearInsetsPadding() // 适配Wear设备安全区域
            .padding(vertical = Dimensions.xsPadding),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.SpaceBetween
    ) {
        Text(
            game.game_name,
            style = MaterialTheme.typography.body1.copy(
                fontWeight = FontWeight.Bold,
            ),
            textAlign = TextAlign.Center,
            maxLines = 2,
            overflow = TextOverflow.Ellipsis,
            modifier = Modifier.padding(horizontal = Dimensions.xsPadding),
        )
        // 其他组件
    }
}

方案二：针对圆形设备动态调整内边距

通过LocalConfiguration判断屏幕形状，为圆形设备设置更大的水平内边距：

val configuration = LocalConfiguration.current
val isRoundDevice = configuration.isScreenRound
val horizontalPadding = if (isRoundDevice) {
    // 圆形设备使用更大的水平padding
    Dimensions.smPadding
} else {
    Dimensions.xsPadding
}

Scaffold {
    Column(
        modifier = modifier
            .fillMaxSize()
            .padding(vertical = Dimensions.xsPadding),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.SpaceBetween
    ) {
        Text(
            game.game_name,
            style = MaterialTheme.typography.body1.copy(
                fontWeight = FontWeight.Bold,
            ),
            textAlign = TextAlign.Center,
            maxLines = 2,
            overflow = TextOverflow.Ellipsis,
            modifier = Modifier.padding(horizontal = horizontalPadding),
        )
        // 其他组件
    }
}

方案三：限制文本最大宽度

通过BoxWithConstraints获取屏幕可用宽度，将文本最大宽度限制在屏幕的安全范围内：

Scaffold {
    BoxWithConstraints(modifier = modifier.fillMaxSize()) {
        Column(
            modifier = modifier
                .fillMaxSize()
                .padding(vertical = Dimensions.xsPadding),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.SpaceBetween
        ) {
            Text(
                game.game_name,
                style = MaterialTheme.typography.body1.copy(
                    fontWeight = FontWeight.Bold,
                ),
                textAlign = TextAlign.Center,
                maxLines = 2,
                overflow = TextOverflow.Ellipsis,
                modifier = Modifier
                    .padding(horizontal = Dimensions.xsPadding)
                    .widthIn(max = maxWidth * 0.85f), // 限制文本最大宽度为屏幕的85%
            )
            // 其他组件
        }
    }
}

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