本教程将介绍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的模拟的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。