Draggable Scaffold

by Tiago Araujo

Compose library to drag to reveal

View on GitHub

Documentation

DraggableScaffold

DraggableScaffold is a library that helps stack one composable on top of another so it can be dragged to reveal the content under it.

Demo

To see the code for the examples in the gif you can check here.

Basic use

DraggableScaffold(
  contentUnderRight = { Text(text = "Hello 😃", Modifier.padding(4.dp)) },
  contentOnTop = {
    Card(
      modifier = Modifier.padding(4.dp).fillMaxWidth(),
      elevation = 4.dp
     { Text(text = "Drag this to show content on the right", Modifier.padding(16.dp)) }
  }
)

Adding to your porject

1 - Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
      ...
  }
}

2 - Add the dependency:

dependencies {
  ...
  implementation "com.github.Tgo1014:DraggableScaffold:1.3.0"
  ...
}
Dispatch Newsletter
Be the first to discover new Compose libraries
Curated Insights
Digest in 5 minutes or less
Android Analysis
Entertaining takes on happenings
Insider Tips
From top Android developers
Hidden Gems
You won't find elsewhere
"
"Dispatch is a must read for Android devs today and my go-to for keeping up with all things Jetpack Compose. I eagerly await each issue, not just for the Compose gems honestly but for Vinay's unique insights, stories, and finds. The Dev Delight and Featured Dev sections are particular favorites of mine! He really should do a podcast."
— Kaushik Gopal
Principal Engineer @ Instacart | Host of the Fragmented Podcast | GDE for Android
Join thousands of Android devs who look forward to Dispatch every week