Search code examples
androidkotlinandroid-jetpack-compose

How to set contentPadding like LazyColumn for Column with verticalScroll in Jetpack Compose?


LazyColumn(
    contentPadding = PaddingValues(bottom = 20.dp,top = 12.dp),
) { /* items */ }

How to achieve the same behaviour using Column and verticalScroll Modifier?

Column(
    modifier = Modifier.fillMaxSize().verticalScroll(rememberScrollState())
)

Solution

  • Here you go:

    Column(
      modifier = Modifier.verticalScroll(rememberScrollState()),
    ) {
      Spacer(modifier = Modifier.height(12.dp))
      // content
      Spacer(modifier = Modifier.height(20.dp))
    }
    

    this will give you same effect as if it is a LazyColumn with contentPadding.