【Jetpack Compose】LazyColumnの上部に要素を固定させてスクロールさせる方法

やりたいこと

↓の動画の「Look for the book!」のように、上部にTextなどの要素を固定させたままリストをスクロールさせたい

実現方法

以下のようにLazyColumn上にitemを定義して、その中に要素を指定するだけ。

    @Composable
    private fun SampleList() {
        Scaffold(
            topBar = { TopBar() },
        ) { innerPadding ->
            LazyColumn(
                contentPadding = innerPadding,
            ) {
                item { //このitemカッコ内に固定したい要素を指定する
                    Text(
                        "Look for the book!",
                        modifier = Modifier.padding(start = 8.dp, top = 8.dp),
                        color = colorResource(id = R.color.book_orange),
                        fontWeight = FontWeight.Light,
                        fontSize = with(LocalDensity.current) { 23.dp.toSp() }
                    )
                }
                items() { 
                    // リスト表示
                }
            }
        }
    }

余談：ここらへん地味に詰まってたら、このやり方をつよつよの技術者が教えてくれました。