Let’s learn how to use nested scrolling in compose to create complex coordination between multiple composables on single scroll to create a delightful UI and UX.

Nine Pages Of My Life

·

Follow

5 min read

·

Aug 24, 2024

--

Share

🎯Index

• Nested Scrolling
• NestedScrollConnection
• onPreScroll
• onPostScroll
• Threshold

🎯What does nested scrolling mean?

Let’s understand the basics first:

What is nested scrolling system?

• nestedScroll() Modifier: This modifier is the entry point to the nested scrolling system.
• Apply it to a parent composable (often a Box) to manage and delegate scroll deltas to its children.

Box(
        modifier = Modifier.nestedScroll(nestedScrollConnection)) {
        // Child composables (Image, List, FAB)
    }

• NestedScrollConnection: This interface enables you to…