android-jetpack-compose - LazyColumn 中的列堆叠/折叠成一列

Question

列中的列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）上的视觉效果。