Jetpack Compose中@Pview的isInEditMode的模拟

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

0
没有账号?注册  忘记密码?