Как преобразовать композицию с головой: привлекать в привлечение ⇐ Android

[Anonymous]

Я новичок в использовании Android Studio, и мне нужна помощь в преобразовании строки, чтобы принять натяжную доступность, чтобы отправиться в мое приложение. Приложение представляет собой одну страницу, разделенную на 4 квадранта, и я хочу заменить текст заголовка на притяжительный. Вот фотография того, чего у меня есть и чего я пытаюсь достичь. Чего я хочу достичь
чего у меня сейчас есть сейчас < /p>
package com.example.quadranttest

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.painter.Painter
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.example.quadranttest.ui.theme.QuadrantTestTheme

class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
QuadrantTestTheme {
// creating a surface
Surface (
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background

) {
}
}
}
}
}

@Composable
fun ComposeQuadrant(head: String, body: String, modifier: Modifier = Modifier) {
val Image1 = painterResource(R.drawable.japan)
val Image2 = painterResource(R.drawable.nepal)
val Image3 = painterResource(R.drawable.flag_of_england_svg_ezgif_com_webp_to_jpg_converter)
val Image4 = painterResource(R.drawable.brazil)

Column(
modifier = modifier,
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally,
) {
Text(
text = head,
fontWeight = FontWeight.Bold,
modifier = Modifier.padding(bottom = 16.dp),
)
Text(
text = body,
textAlign = TextAlign.Justify
)
}
}

@Composable
fun ComposeQuadrants() {
Column(modifier = Modifier.fillMaxSize()) {
Row(Modifier.weight(1F)) {
val Image1 = painterResource(R.drawable.japan)
ComposeQuadrant(

head = "Insert Japan",
body = "Japan",

modifier = Modifier
.fillMaxHeight()
.weight(1f)
.background(color = Color(0xFFEADDFF))
.padding(16.dp)

)
ComposeQuadrant(
head = ("Insert England"),
body = "England",
modifier = Modifier
.fillMaxHeight()
.weight(1f)
.background(color = Color(0xFFD0BCFF))
.padding(16.dp)
)
}
Row(Modifier.weight(1F)) {
ComposeQuadrant(
head = "Insert Nepal" ,
body = "Nepal",
modifier = Modifier
.fillMaxHeight()
.weight(1f)
.background(color = Color(0xFFB69DF8))
.padding(16.dp)
)
ComposeQuadrant(
head = "Insert Brazil",
body = "Brazil",
modifier = Modifier
.fillMaxHeight()
.weight(1f)
.background(color = Color(0xFFF6EDFF))
.padding(16.dp)
)
}
}
}

@Preview(showBackground = true)
@Composable
fun ComposeQuadrantPreview(){
QuadrantTestTheme {
ComposeQuadrants()
}
}

< /code>
Я попытался изменить класс заголовков как на Int, так и на художник, но я не мог заставить его работать. Когда я изменяю класс заголовка на INT конкретно, в нем также говорится, что я не могу назвать его, потому что он частный. Если кто -то сможет оказать мне любую помощь или указать мне в правильном направлении, я бы очень признателен.

Подробнее здесь: https://stackoverflow.com/questions/795 ... a-drawable