How to set the Scaffold Drawer Width in JetpackCompose?

by

You can modify the shape (including width and height) using drawerShape parameter in Scaffold method.

So for instance

 Scaffold(
    scaffoldState = scaffoldState,
    drawerContent = { Text("Drawer content") },
    drawerShape = customShape(),
    content = {inner padding -> /* Body*/}
)

Then your customShape function

fun customShape() =  object : Shape {
    override fun createOutline(
        size: Size,
        layoutDirection: LayoutDirection,
        density: Density
        ): Outline {
            return Outline.Rectangle(Rect(0f,0f,100f /* width */, 131f /* height */))
     }
 }

You can also use Outline.Rounded to get rounded corners

More Related Contents:

  1. How can I detect keyboard opening and closing in jetpack compose?
  2. Jetpack Compose LazyColumn – How to update values of each Item seperately?
  3. How to share a viewmodel between two or more Jetpack composables inside a Compose NavGraph?
  4. Why a new ViewModel is created in each Compose Navigation route?
  5. Why the view keeps flashing when using jetpack navigation with Compose?
  6. How are Android activities handled with Jetpack Compose and Compose Navigation?
  7. How to get activity in compose
  8. How to handle one-shot operations in Jetpack Compose?
  9. How can I detect a click with the view behind a Jetpack Compose Button?
  10. Pass Parcelable argument with compose navigation
  11. Jetpack Compose Text hyperlink some section of the text
  12. Jetpack Compose collapsing toolbar
  13. Jetpack Compose how does SubcomposeLayout work?
  14. Why does mutableStateOf without remember work sometimes?
  15. How to clear TextField focus when closing the keyboard and prevent two back presses needed to exit app in Jetpack Compose?
  16. What is the equivalent of [NestedScrollView + RecyclerView] or [Nested RecyclerView (Recycler inside another recycler) in Jetpack compose
  17. How to get preview in composable functions that depend on a view model?
  18. Different types of width in jetpack compose
  19. Jetpack compose – how do I refresh a screen when app returns to foreground
  20. AppCompatActivity instead of ComponentActivity in Jetpack compose
  21. Jetpack Compose lazy column all items recomposes when a single item update
  22. Error when adding buildFeatures in build.gradle file
  23. How to achieve a staggered grid layout using Jetpack compose?
  24. How to show animate an item view in LazyColumn on Jetpack Compose Android
  25. Jetpack Compose Navigation loads screen infinitely
  26. How to clip or cut a Composable?
  27. Exposed drop-down menu for jetpack compose
  28. When should I use Android Jetpack Compose Surface composable?
  29. Show custom alert dialog in Jetpack Compose
  30. What does Jetpack Compose remember actually do, how does it work under the hood?

Leave a Comment