问题描述
Row() {
Column(
Modifier.weight(1f).background(Blue)){
Text(text = "Weight = 1",color = Color.White)
}
Column(
Modifier.weight(2f).background(Yellow)
) {
Text(text = "Weight = 2")
}
}
但是如果我的内部视图来自其他一些可组合函数,而该函数不知道它将成为列或行的子级,该怎么办?
Row() {
// Calling Some composable function here
}
在那种情况下,我无法访问 Modifier.weight(..) 函数,因为它认为它不在行或列范围内,因为它是一个独立的函数。
解决方法
您可以在 Composable 中添加修饰符作为参数。
类似于:
@Composable
fun myCard(modifier: Modifier = Modifier,name:String){
Box(modifier){
Text(name,textAlign = TextAlign.Center,)
}
}
通过这种方式,myCard
不知道它将成为 Column
或 Row
的孩子。
然后在你的实现中你可以使用:
Row(Modifier.padding(16.dp).height(50.dp)) {
myCard(Modifier.weight(1f).background(Color.Yellow),"Weight = 1")
myCard(Modifier.weight(2f).background(Color.Red),"Weight = 2")
}