Zarovnání děti zobrazení ve sloupci samostatně

0

Otázka

Mám napsat Řádek, který obsahuje 2 sloupce. Uvnitř column2 mám obrázek, který má být na střed vertikální a horizontální sloupce a pod to bych měl mít text. Jak mohu umístit text pod obrázek, který je soustředěn v column2. Nemůžu najít způsob, jak změnit column2 děti zarovnání.

enter image description here

//The card content
    Row(
            verticalAlignment = Alignment.CenterVertically
        ) {
        //Column1
        Column(
            Modifier
                .weight(1f)
                .padding(start = 16.dp, top = 14.dp, bottom = 14.dp)
        ) {
            ....
        }

//Column2
Column(
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Image(contentDescription = "",
        painter = painterResource(id = R.drawable.ic_maximize),
        modifier = Modifier
            .padding(start = 25.dp, end = 25.dp)
            .height(44.dp)
            .width(44.dp)
            .clickable(
                onClick = {

                }
            )
    )
    //This text needs to ignore vertical arrangement and go under the Image
    Text(
        fontSize = 11.sp,
        color = colorResource(id = seeMoreTextColor),
        text = "See more"
    )
}
}
android android-jetpack-compose
2021-11-23 08:20:38
1

Nejlepší odpověď

0

Můžete mít dvě položky s Modifier.weight na obou stranách kruhu. Jako nejvyšší člověk nemusí obsahuje veškeré názory, můžete použít Spacer. Za druhé, můžete použít Box a místo Text uvnitř:

Column {
    Spacer(Modifier.weight(1f))
    YourCircle()
    Box(Modifier.weight(1f)) {
        Text("Click here")
    }
}
2021-11-28 11:18:59

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................