Slide 22
Slide 22 text
SwiftUIとJetpack Composeの比較 (人気店ラベル)
Row(
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.clip(shape = RoundedCornerShape(2.dp))
.background(brush = level.labelBackground),
) {
Text(
modifier = Modifier
.clip(shape = RoundedCornerShape(1.dp))
.background(
brush = level.categoryNameBackground
)
.padding(
horizontal = 4.dp,
vertical = size.categoryNameVerticalPaddingSize
),
text = "${name}好き",
fontSize = size.fontSize,
color = level.categoryNameTextColor,
fontWeight = FontWeight.Bold,
)
Text(
modifier = Modifier.padding(
horizontal = size.popularityTextHorizontalPaddingSize
),
text = "人気店",
fontSize = size.fontSize,
color = level.popularityTextColor,
fontWeight = FontWeight.Bold,
)
}
HStack(alignment: .center, spacing: 2) {
Text("\(name)好き")
.foregroundColor(level.categoryNameTextColor)
.fontWeight(.bold)
.font(.system(size: size.fontSize))
.padding(.horizontal, 4)
.padding(.vertical, size.verticalPadding)
.background(level.categoryNameBackground)
.cornerRadius(1)
Text("人気店")
.foregroundColor(level.suffixTextColor)
.fontWeight(.bold)
.font(.system(size: size.fontSize))
.padding(.horizontal, 4)
}
.padding(2)
.background(level.badgeBackground)
.cornerRadius(2)
SwiftUI (iOS)
Jetpack Compose (Android)
人気店ラベル