android-jetpack-compose - LazyColumn 中的列堆叠/折叠成一列
问题描述
列中的列LazyColumn
堆叠成一列。
这是代码
package xxx.xxx.xxx
import android.os.Bundle
import androidx.activity.compose.setContent
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.material.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
class ActDevOnly : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
LazyColumn(
contentPadding = PaddingValues(horizontal = 16.dp, vertical = 8.dp),
verticalArrangement = Arrangement.spacedBy(4.dp),
modifier = Modifier
.fillMaxSize()
) {
item {
Text("header")
}
items(5) { idx ->
Text("dummy title $idx")
}
item {
Text("footer")
}
}
}
}
}
这是 Nexus 6P(Android 8.1.0)上的视觉效果。