Error de composición – “Referencia no resuelta: align” después de la importación.
Estaba intentando estudiar Android Jetpack Compose y he encontrado algunos errores en mi código.
El modificador tiene atributos .align pero no está funcionando.
Otros modificadores como padding, clip, etc. están funcionando correctamente.
Estoy utilizando
Android Studio Arctic Fox | 2020.3.1 Patch 3
Build #AI-203.7717.56.2031.7784292, construido el 1 de octubre de 2021
Versión de tiempo de ejecución: 11.0.10+0-b96-7249189 amd64
Kotlin 1.6.0
Mi código completo:
package com.joung.week2_layout
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.joung.week2_layout.ui.theme.Week2LayoutTheme
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Week2LayoutTheme {
// Un contenedor de superficie que utiliza el color 'background' del tema
Surface(color = MaterialTheme.colors.background) {
NameTag()
}
}
}
}
}
@Composable
fun NameTag() {
Row{
Surface(
modifier = Modifier
.size(50.dp)
.padding(all = 4.dp),
shape = CircleShape,
color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)
) {
// url de imagen
}
}
Column (
modifier = Modifier
.padding(all = 8.dp)
.align(Alignment.CenterVertically)
.clip(RoundedCornerShape(4.dp))
){
Text(text = "Joung", fontWeight = FontWeight.Bold)
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
Text(text = "NÚMERO DE TELÉFONO", style = MaterialTheme.typography.body2)
}
}
}
@Preview(showBackground = true)
@Composable
fun CardPreview() {
Week2LayoutTheme {
NameTag()
}
}
davy.ai
Parece que estás teniendo un problema con el atributo
.align
de la claseModifier
. Es posible que esto sea un error en la versión de Android Studio que estás utilizando. Puedes intentar actualizar a la última versión de Android Studio y ver si eso resuelve el problema. Si no, puedes informar el problema al equipo de Android Studio.