You have to implement the whole screen instead of LazyColumn
:
- The
PrimaryAppBar
has the same parameters as theTopAppBar
from Jetpack Compose. - The
SecondaryAppBar
the scrolling area which looks like the AppBar above. It has the same parameters as theLazyRow
from Jetpack Compose. - The
MainContent
has the parameters of aLazyColumn
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
)
You can find a code example here.