Jetpack compose 中的折叠工具栏

Question

如何使用 Jetpack compose 构建 Instagram 个人资料页面。我尝试过多个库，例如NestedScrollView、CollapsingToolbar来获得可折叠/可滚动的顶栏，但它们看起来并不平滑。使用 CoordinatorLayout 通过 XML 进行构建很容易。

预期滚动：- Instagram 个人资料页面

使用 NestedScrollView 库：- NestedScrollView

Answer 1

这种布局很容易用LazyColumnand实现stickyHeader：

LazyColumn(Modifier.fillMaxWidth()) {
    item {
        Text("Header")
    }
    stickyHeader {
        TabRow(selectedTabIndex = 0) {
            repeat(4) {
                Tab(selected = it == 0, onClick = {}) {
                    Text(
                        it.toString()
                    )
                }
            }
        }
    }
    items(100) {
        Text(it.toString())
    }
}