How to set a fixed header while using LazyColumn?

Question

I'm trying to have a little icon at the top of a LazyColumn that scrolls like any other item in the list. My googling has yielded no luck and I'm wondering if it's even possible yet. Looking for a resource that could help me implement this. To be clear I know stickyHeader exists and that's not what I'm looking for since it will stay at the top of the screen and not scroll with the items.

Answer 1

You can just add another item in the body of the LazyColumn if it's just like any other row and you want it to scroll.

LazyColumn {
   item {
      Icon()
   }

   items(myItemList) {
   
   }
}