Jetpack Compose某界面视图无法显示问题求助

问题描述 #

在Jetpack Compose界面中添加包含两个文本的Row组件后，视图完全不显示。其他界面均正常，替换为以下代码后问题仍存在：

复现代码 #

Box(modifier = Modifier.fillMaxSize()) {
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Row(
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.End,
            verticalAlignment = Alignment.CenterVertically
        ) {
            Text(
                text = "test".convertToPersianDigits(),
                fontFamily = shabnamFontFamily,
                style = MaterialTheme.typography.labelMedium,
                color = MaterialTheme.colorScheme.secondary,
                textAlign = TextAlign.End
            )
            Spacer(modifier = Modifier.width(16.dp))
            Text(
                text = "Test1",
                fontFamily = shabnamFontFamily,
                style = MaterialTheme.typography.labelMedium,
                color = MaterialTheme.colorScheme.secondary,
                fontSize = 16.sp,
                fontWeight = FontWeight.ExtraBold
            )
        }
    }
}

异常现象 #

• 默认状态下界面完全空白，无任何内容显示。
• 给Box/Column添加padding，或修改Text的fontSize后，仅能看到部分文本。

解决方案 #

1. 补全Column的垂直排列配置 #

默认Column的verticalArrangement为Arrangement.Top，若内容高度不足，加上父布局约束可能导致Row被挤压到可视区域外。显式设置垂直排列：

Column(
    modifier = Modifier.fillMaxSize(),
    horizontalAlignment = Alignment.CenterHorizontally,
    verticalArrangement = Arrangement.Center // 或Top/Bottom等符合需求的排列
)

2. 排查自定义字体问题 #

shabnamFontFamily若加载异常（文件缺失、路径错误、格式不兼容），会导致Text无法渲染，甚至影响Row布局。临时替换为系统默认字体验证：

// 注释掉自定义字体，用默认值
// fontFamily = shabnamFontFamily

如果替换后显示正常，需检查字体文件导入是否正确、FontFamily对象是否正确构建。

3. 验证文本颜色对比度 #

确认MaterialTheme.colorScheme.secondary与背景色是否过于接近，导致文本不可见。临时改为高对比度颜色测试：

color = Color.Red

4. 简化冗余布局层级 #

当前嵌套的Box完全多余，直接用Column作为根布局，减少布局约束冲突：

Column(
    modifier = Modifier.fillMaxSize(),
    horizontalAlignment = Alignment.CenterHorizontally,
    verticalArrangement = Arrangement.Center
) {
    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.End,
        verticalAlignment = Alignment.CenterVertically
    ) {
        // 保留原有文本内容
    }
}

5. 检查字符串转换函数 #

convertToPersianDigits如果返回空值或非法字符，会导致Text无法显示。直接替换为硬编码的波斯数字验证：

text = "۱۲۳۴"

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