0
277
ViewsComponer diseño: alinear en relación con el elemento centrado (por ejemplo, toRightOf)
¿Hay alguna manera en Compose para alinear un componible junto a un elemento centrado sin usar ConstraintLayout ?
Quiero lograr esto: 
Podría usar un Spacer y Weights como este 
Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center, verticalAlignment = Alignment.CenterVertically, ) { Spacer(Modifier.weight(1f)) Button(...) Label(Modifier.weight(1f),...) } El problema es que muestro la Label condicionalmente y si escondo los dos elementos con los pesos, el botón se mueve ligeramente.
Tampoco estoy seguro de si el uso de pesos está produciendo un mayor impacto en el rendimiento que ConstraintLayout en primer lugar.
1 answers
Answer question0
El Modifier.weight es la forma correcta de crear un diseño de este tipo. No estoy seguro de si el rendimiento es mejor que ConstraintLayout , pero ciertamente no es peor.
Si tiene problemas de rendimiento, debe crear un problema en el rastreador de problemas de Google, ya que así es como se supone que debe usarse Compose. Personalmente, no he encontrado ningún problema de rendimiento relacionado con el weight , pero la tecnología es bastante reciente, por lo que no se puede descartar por completo esa posibilidad.
En tu caso, necesitas tener alguna representación en un momento dado, a la que puedas aplicarle Modifier.weight . Puede usar if-else and add Spacer in case, but I prefer to use Box` con contenido opcional: se ve más limpio y funcionará correctamente en caso de que agregue animación.
El contenido predeterminado del Box contentAlignment es Alignment.TopStart , que funcionará exactamente según sea necesario en su caso, pero en algunos otros casos, puede anularlo o agregar más Spacers dentro.
Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center, verticalAlignment = Alignment.CenterVertically, ) { Spacer(Modifier.weight(1f)) Button(...) Box(Modifier.weight(1f)) { if (condition) { Label(...) } } }