Jetpack Compose使用Material Design时文本过大问题求助
Jetpack Compose 文本字体大小与官方Codelab不一致问题
我正在练习Jetpack Compose,开发一个多页面简单应用,开发某页面时参考了Android Developer的Compose布局Codelab,但最终效果和示例差异明显,最突出的是文本字体比示例大很多,尽管用了相同的h3字体样式,且依赖版本和Codelab一致或更新。
效果对比
官方示例效果

我的代码效果

代码对比
官方示例Compose代码
@Composable fun FavoriteCollectionCard( @StringRes text: Int, @DrawableRes drawable: Int, modifier: Modifier = Modifier ) { Surface( shape = MaterialTheme.shapes.small, modifier = modifier ) { Row( verticalAlignment = Alignment.CenterVertically, modifier = Modifier .width(192.dp) ) { Image( painter = painterResource(drawable), contentDescription = null, contentScale = ContentScale.Crop, modifier = Modifier .size(56.dp) ) Text( text = stringResource(text), style = MaterialTheme.typography.h3, modifier = Modifier.padding(horizontal = 16.dp) ) } } }
我的Compose代码
@Composable fun DashBoardCard( @StringRes text: Int, @DrawableRes drawable: Int, modifier: Modifier = Modifier ) { Surface( shape = MaterialTheme.shapes.small, modifier = modifier ) { Row( verticalAlignment = Alignment.CenterVertically, modifier = Modifier .width(192.dp) ) { Image( painter = painterResource(drawable), contentDescription = null, contentScale = ContentScale.Crop, modifier = Modifier .size(56.dp) ) Text( text = stringResource(text), style = MaterialTheme.typography.h3, modifier = Modifier.padding(horizontal = 16.dp) ) } } }
依赖版本对比
官方Codelab依赖
ext { compose_version = '1.2.0-alpha05' } plugins { id 'com.android.application' version '7.2.0' apply false id 'com.android.library' version '7.2.0' apply false id 'org.jetbrains.kotlin.android' version '1.6.10' apply false id 'com.diffplug.spotless' version '6.3.0' }
我的依赖
ext { compose_version = '1.2.0-alpha05' nav_version = "2.5.1" } plugins { id 'com.android.application' version '7.2.1' apply false id 'com.android.library' version '7.2.1' apply false id 'org.jetbrains.kotlin.android' version '1.6.10' apply false }
补充说明:任何形式的帮助、提示或修正我都非常感激,提前感谢您的帮助。
内容的提问来源于stack exchange,提问作者Edwin
相关产品推荐
相关产品推荐

