Jetpack Compose中@Pview的isInEditMode的模拟

Analog of isInEditMode for @Preview in JetpackCompose(Jetpack Compose中@Pview的isInEditMode的模拟)

问题描述

我正在开发一个使用Jetpack Compose的应用程序，在Jetpack预览期间有一个字体导入问题。预览为空并显示错误(呈现问题)：

Font resource ID #0x... cannot be retrieved

例如，在自定义视图中，我们有一个

isInEditMode

控制设计节中的布局预览，并且我们能够禁用某些破坏预览的逻辑。

有什么方法可以为Jetpack@Pview做这件事吗？ 我当前阅读了所有可用的文档/文章，但没有找到答案。

如有任何信息，我们将不胜感激。

Jetpack编写代码为：

@Composable
fun ScreenContent() {
    Row(
        modifier = Modifier
            .wrapContentSize()
            .fillMaxWidth()
            .clip(RoundedCornerShape(50))
            .background(colorResource(id = R.color.search_field_background_color)),
        horizontalArrangement = Arrangement.Center
    ) {
        Icon(
            painterResource(id = R.drawable.ic_search_image), contentDescription = stringResource(R.string.search_screen_magnifier_icon_content_description)
        )
        Text(
            modifier = Modifier.padding(all = 8.dp),
            text = stringResource(R.string.search_screen_search_field_text),
            fontSize = 12.sp,
            color = colorResource(id = R.color.search_field_text_color),
            fontFamily = getFont(R.font.nunito_sans_extra_bold)
        )
    }
}

//according to the plan this method will contain
//some flag to return null in @Preview mode
@Composable
private fun getFont(@FontRes fontId : Int): FontFamily? {
    return FontFamily(ResourcesCompat.getFont(LocalContext.current, fontId)!!)
}

@Preview(showSystemUi = true)
@Composable
fun Preview() {
    ScreenContent()
}

推荐答案

Compose在这种情况下有自己的本地合成值，即LocalInspectionMode。您可以按如下方式使用它：

@Composable
private fun getFont(@FontRes fontId : Int): FontFamily? {
    if (LocalInspectionMode.current) return null
    return FontFamily(ResourcesCompat.getFont(LocalContext.current, fontId)!!)
}

这篇关于Jetpack Compose中@Pview的isInEditMode的模拟的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！