Jetpack Compose文本贴靠图片及RTL方向设置失效问题

你的核心误区是混淆了文本内部排版方向和布局层面的对齐方式：TextDirection.Rtl是控制文本字符的读写顺序（比如阿拉伯语、希伯来语这类RTL语言的排版），但你要的是让文本块整体右对齐，紧贴右侧的图片，这需要从布局对齐入手，而非修改文本方向。

具体修复步骤： #

• 给左侧文本所在的Column添加horizontalAlignment = Alignment.End，让所有子组件（Text、Row）都右对齐，自然贴靠右侧的图片。
• 移除所有无效的textDirection = TextDirection.Rtl设置，避免干扰布局逻辑。
• 调整padding：将文本的end padding改为start padding，保证文本左侧有间距，右侧紧贴图片。
• 交换评分Row内的组件顺序，让评分文本贴近图片方向。

修改后的完整代码： #

Box(
    modifier = Modifier
        .fillMaxSize()
) {
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(horizontal = 16.dp)
    ) {
        IconButton(
            onClick = { navController.popBackStack() },
            modifier = Modifier
                .align(Alignment.Start)
                .padding(top = 8.dp)
        ) {
            Icon(
                Icons.Default.ArrowBack,
                contentDescription = "Back",
                modifier = Modifier.padding(8.dp)
            )
        }
        Spacer(modifier = Modifier.height(30.dp))

        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(vertical = 4.dp),
            verticalAlignment = Alignment.CenterVertically
        ) {
            // 左侧文本列 - 添加右对齐配置
            Column(
                modifier = Modifier
                    .weight(1f),
                horizontalAlignment = Alignment.End
            ) {
                Text(
                    product.name,
                    fontSize = 24.sp,
                    fontWeight = FontWeight.Bold
                )

                Text(
                    text = product.manufacturer,
                    fontSize = 16.sp,
                    modifier = Modifier.padding(start = 16.dp, top = 4.dp)
                )

                Row(
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    RatingCircle(ratingColor = ratingColor)
                    Text(
                        "${product.rating}/100",
                        fontSize = 16.sp,
                        fontWeight = FontWeight.Bold,
                        color = MaterialTheme.colorScheme.primary,
                        style = MaterialTheme.typography.bodyMedium.copy(
                            color = ratingColor
                        ),
                        modifier = Modifier.padding(start = 8.dp)
                    )
                }
            }

            // 右侧图片
            Image(
                painter = rememberAsyncImagePainter(model = product.imageUrl),
                contentDescription = null,
                modifier = Modifier
                    .size(150.dp)
                    .clip(shape = MaterialTheme.shapes.medium)
            )
        }
    }
}

额外说明： #

如果你的产品名称/制造商是RTL语言（比如阿拉伯语），需要让文本内部从右到左排版，此时可以在对应Text的style中保留textDirection = TextDirection.Rtl，但仍然要结合horizontalAlignment = Alignment.End来让整个文本块贴靠图片。

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