Reference no: EM133605789

Question: Doing this in Kotlin/ Andriod Studio:

Need a way to break the bolded text out of the parent modifier I have set for padding. Otherwise, it isn't centering the text right

It should be even and centered underneath the image.

@Composable
fun BusinessImage(name: String, title: String, modifier: Modifier = Modifier) {
val image = painterResource(id = R.drawable.android_logo)
Surface(color = Color(0xFFD2E7D4))
{
Column(verticalArrangement = Arrangement.Top, modifier = Modifier.padding(130.dp)) {
Image(
painter = image,
contentDescription = null,
modifier = Modifier
.height(120.dp)
.width(150.dp)
.background(Color.Black)

)

Text(
text = name,
fontSize = 30.sp,
modifier = Modifier

)

Text(
text = title,
modifier = Modifier

)
}

}