Skip to content

Latest commit

 

History

History
23 lines (20 loc) · 1.25 KB

Netflix_Lazy_Screen.md

File metadata and controls

23 lines (20 loc) · 1.25 KB

NetflixLazyScreen

How to use

You have to implement the whole screen instead of LazyColumn:

  • The PrimaryAppBar has the same parameters as the TopAppBar from Jetpack Compose.
  • The SecondaryAppBar the scrolling area which looks like the AppBar above. It has the same parameters as the LazyRow from Jetpack Compose.
  • The MainContent has the parameters of a LazyColumn and here you have to add almost of the content of the screen.

Combine all of the above with a Modifier and a NetflixLazyScreenSettings in which you can modify the height of the Toolbar and you have the screen!

fun NetflixLazyScreen(
    modifier: Modifier = Modifier,
    settings: NetflixLazyScreenSettings = NetflixLazyScreenSettings(),
    primaryAppBar: @Composable () -> Unit,
    secondaryAppBar: @Composable () -> Unit,
    content: @Composable () -> Unit
)

Examples

You can find a code example here.