\uac1c\ubc1c\uc790\ub294 intrinsicWidth \ub610\ub294 intrinsicHeight\ub97c \ucef4\ud3ec\uc800\ube14\uc5d0\uac8c \uc694\uccad\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n
- (min|max)IntrinsicWidth<\/em>: \ub192\uc774(height)\uac00 \uc8fc\uc5b4\uc9c0\uace0, \uc801\uc808\ud788 \ucf58\ud150\uce20\ub97c \uadf8\ub9b4 \uc218 \uc788\ub294 \ucd5c\uc18c\/\ucd5c\ub300 \ub108\ube44<\/li>
- (min|max)IntrinsicHeight<\/em>: \ub108\ube44(width)\uac00 \uc8fc\uc5b4\uc9c0\uace0, \uc801\uc808\ud788 \ucf58\ud150\uce20\ub97c \uadf8\ub9b4 \uc218 \uc788\ub294 \ucd5c\uc18c\/\ucd5c\ub300 \ub108\ube44<\/li><\/ul>\n\n\n\n
\uc608\ub97c \ub4e4\uc5b4, \ubb34\ud55c\ud55c \ub108\ube44\uc758 \ud14d\uc2a4\ud2b8\uc5d0 minIntrinsicHeight\ub97c \uc694\uccad\ud558\uba74 \ud14d\uc2a4\ud2b8\uac00 \ud55c \uc904\uc5d0 \uadf8\ub824\uc9c4 \uac83\ucc98\ub7fc \ud14d\uc2a4\ud2b8\uc758 \ub192\uc774\uac00 \ubc18\ud658\ub41c\ub2e4.<\/p>\n\n\n\n
\uc2e4\uc804 Intrinsics<\/h2>\n\n\n\n
\ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ubd84\uc120\uc73c\ub85c \ubd84\ub9ac\ub41c \ud654\uba74\uc5d0 \ub450 \uac1c\uc758 \ud14d\uc2a4\ud2b8\ub97c \ud45c\uc2dc\ud558\ub294 \ucef4\ud3ec\uc800\ube14\uc744 \ub9cc\ub4e4\uace0 \uc2f6\ub2e4\uace0 \uc0c1\uc0c1\ud574\ubcf4\uc790.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jetpack-compose-intrinsics-835f0b8c9f07cd9-1024x54.png\")
<\/figure>\n\n\n\n\uc5b4\ub5bb\uac8c \ud558\uba74 \ub420\uae4c? \uac00\ub2a5\ud55c \ud55c \ub9ce\uc774 \ud655\uc7a5\ub418\ub294 \ub450 \uac1c\uc758 \ud14d\uc2a4\ud2b8\uac00 \uc788\ub294 Row<\/em>(\ud589)<\/em>\uacfc \uadf8 \uc911\uac04\uc5d0 Divider(\uad6c\ubd84\uc120)<\/em>\uc744 \uac00\uc9c8 \uc218 \uc788\ub2e4. \uc6b0\ub9ac\ub294 Divider\uac00 Text\uc758 \ub192\uc774\ub9cc\ud07c \uae38\uace0 \ub108\ube44\ub294 1.dp \uc815\ub3c4\ub85c \uc587\uc558\uc73c\uba74 \ud55c\ub2e4.<\/p>\n\n\n\n
@Composable
fun TwoTexts(modifier: Modifier = Modifier, text1: String, text2: String) {
Row(modifier = modifier) {
Text(
modifier = Modifier
.weight(1f)
.padding(start = 4.dp)
.wrapContentWidth(Alignment.Start),
text = text1
)
Divider(color = Color.Black, modifier = Modifier.fillMaxHeight().width(1.dp))
Text(
modifier = Modifier
.weight(1f)
.padding(end = 4.dp)
.wrapContentWidth(Alignment.End),
text = text2
)
}
}
@Preview
@Composable
fun TwoTextsPreview() {
LayoutsCodelabTheme {
Surface {
TwoTexts(text1 = \"Hi\", text2 = \"there\")
}
}
}<\/code><\/pre>\n\n\n\n\ubbf8\ub9ac\ubcf4\uae30\ub85c \ubcf4\uba74, Divider\uac00 \uc804\uccb4 \uc2a4\ud06c\ub9b0 \uc601\uc5ed\uae4c\uc9c0 \ud655\uc7a5\ub418\uc5b4\uc788\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\ub2e4. \uc774\uac74 \uc6b0\ub9ac\uac00 \uc6d0\ud558\ub294\uac8c \uc544\ub2cc\ub370…<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jetpack-compose-intrinsics-d61f179394ded825-1024x278.png\")
<\/figure>\n\n\n\n\uc774\ub7f0\uc77c\uc774 \ubc1c\uc0dd\ud558\ub294 \uc6d0\uc778\uc740 Row<\/em> \uac01 \ud558\uc704\uc694\uc18c\ub97c \ub3c5\ub9bd\uc801\uc73c\ub85c \uce21\uc815\ud558\uace0 Text<\/em>\uc758 \ub192\uc774 Divider<\/em>\ub97c \uc81c\ud55c\ud558\uae30 \uc704\ud574 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\ub294\ub2e4. \uc6b0\ub9ac\uac00 \uc6d0\ud558\ub294 \uac83\uc740 \uc8fc\uc5b4\uc9c4 \ub192\uc774 \ub0b4\uc5d0\uc11c Divider<\/em>\uac00 \uac00\ub2a5\ud55c \uacf5\uac04\uc744 \ubaa8\ub450 \ucc44\uc6b0\ub294 \uac83\uc774\ub2e4. \uc774\ub97c \uc704\ud574, height(IntrinsicSize.Min)<\/em> modifier\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n
height(IntrinsicSize.Min)<\/em>\ub294 \ucd5c\uc18c\ud55c\uc758 \uace0\uc720\ud55c \ub192\uc774\ub9cc\ud07c \ucee4\uc9c0\ub3c4\ub85d \uac15\uc81c\ub418\ub294 \ud558\uc704\uc694\uc18c\uc758 \uc0ac\uc774\uc988\ub97c \uc870\uc815\ud55c\ub2e4. \uc774\ub294 \uc7ac\uadc0\uc801\uc774\ubbc0\ub85c, Row\uc640 \ud558\uc704\uc694\uc18c minIntrinsicHeight\uc5d0 \uc9c8\uc758\ud55c\ub2e4.<\/p>\n\n\n\n
\uc704\uc758 \ub0b4\uc6a9\uc744 \ucf54\ub4dc\uc5d0 \uc801\uc6a9\ud558\uba74, \uc608\uc0c1\ub300\ub85c \uc791\ub3d9\ud558\uac8c \ub41c\ub2e4\u001d.<\/p>\n\n\n\n
@Composable\nfun TwoTexts(modifier: Modifier = Modifier, text1: String, text2: String) {\n\u00a0 \u00a0 Row(modifier = modifier.height(IntrinsicSize.Min)<\/strong>) {\n\u00a0 \u00a0 \u00a0 \u00a0 Text(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 modifier = Modifier\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .weight(1f)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .padding(start = 4.dp)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .wrapContentWidth(Alignment.Start),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text = text1\n\u00a0 \u00a0 \u00a0 \u00a0 )\n\n\u00a0 \u00a0 \u00a0 \u00a0 Divider(color = Color.Black, modifier = Modifier.fillMaxHeight().width(1.dp))\n\u00a0 \u00a0 \u00a0 \u00a0 Text(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 modifier = Modifier\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .weight(1f)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .padding(end = 4.dp)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .wrapContentWidth(Alignment.End),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text = text2\n\u00a0 \u00a0 \u00a0 \u00a0 )\n\u00a0 \u00a0 }\n}\n\n@Preview\n@Composable\nfun TwoTextsPreview() {\n\u00a0 \u00a0 LayoutsCodelabTheme {\n\u00a0 \u00a0 \u00a0 \u00a0 Surface {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 TwoTexts(text1 = \"Hi\", text2 = \"there\")\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}<\/code><\/pre>\n\n\n\n\ubbf8\ub9ac\ubcf4\uae30\ub85c \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jetpack-compose-intrinsics-835f0b8c9f07cd9-1-1024x54.png\")
<\/figure>\n\n\n\nRow<\/em>\uc758 minIntrinsicHeight<\/em>\ub294 \ud558\uc704\uc694\uc18c\uc758 \ucd5c\ub300 minIntrinsicHeight<\/em>\uac00 \ub41c\ub2e4. Divider<\/em>\uc5d0 \uc81c\uc57d\uc870\uac74\uc774 \uc8fc\uc5b4\uc9c0\uc9c0 \uc54a\uc73c\uba74 \uacf5\uac04\uc744 \ucc28\uc9c0 \ud558\uc9c0 \uc54a\uc73c\ubbc0\ub85c, Divider<\/em>\uc758 minIntrinsicHeight<\/em>\ub294 0\uc774\ub2e4. Text\uc758 minIntrinsicHeight<\/em>\ub294 \uc9c0\uc815\ub41c \ub108\ube44\uc758 \ud14d\uc2a4\ud2b8 \ub192\uc774\uac00 \ub41c\ub2e4. \uadf8\ub7ec\ubbc0\ub85c Row<\/em>\uc758 height<\/em> \uc81c\uc57d\uc870\uac74\uc740 Text<\/em>\ub4e4 \uc911 \ucd5c\ub300\uce58\uc758 minIntrinsicHeight<\/em>\uac00 \ub41c\ub2e4. Divider<\/em>\ub294 \uadf8\ub7f0\ub4a4 \uc8fc\uc5b4\uc9c4 Row<\/em>\uc758 height<\/em>\uc5d0 \ub9de\uac8c \ub192\uc774\ub97c \ud655\uc7a5\uc2dc\ud0a8\ub2e4. <\/p>\n\n\n\n
DIY<\/h2>\n\n\n\n
\ucee4\uc2a4\ud140 \ub808\uc774\uc544\uc6c3\uc744 \ub9cc\ub4e4\ub54c\ub9c8\ub2e4, MeasurePolicy \uc778\ud130\ud398\uc774\uc2a4\uc758 (min|max)Intrinsic(Width|Height)\uc640 \ud568\uaed8 intrinsics\uac00 \uc5b4\ub5bb\uac8c \uacc4\uc0b0\ub418\ub294\uc9c0 \uc218\uc815\ud560 \uc218 \uc788\ub2e4. \uadf8\ub7ec\ub098 \uc218\uc815\ud558\uc9c0 \uc54a\uace0 \ubcf4\ud1b5\uc758 \uacbd\uc6b0 \uae30\ubcf8\uac12\uc774\uba74 \ucda9\ubd84\ud558\ub2e4.<\/p>\n\n\n\n
- (min|max)IntrinsicHeight<\/em>: \ub108\ube44(width)\uac00 \uc8fc\uc5b4\uc9c0\uace0, \uc801\uc808\ud788 \ucf58\ud150\uce20\ub97c \uadf8\ub9b4 \uc218 \uc788\ub294 \ucd5c\uc18c\/\ucd5c\ub300 \ub108\ube44<\/li><\/ul>\n\n\n\n