coco
58 lines
1.4 KiB
Markdown
58 lines
1.4 KiB
Markdown
<!---
|
|
This is the API of version 1.2.0
|
|
-->
|
|
# ModalDrawer
|
|
|
|
With a ModalDrawer you can create a navigation drawer.
|
|
|
|
=== "Default"
|
|
|
|
<img src ="{{ site.images }}/material/modaldrawer/modaldrawerClosed.png" height=100 width=300 />
|
|
|
|
|
|
=== "With Drawer open"
|
|
|
|
<img src ="{{ site.images }}/material/modaldrawer/ModaldrawerOpened.png" height=100 width=300 />
|
|
|
|
```kotlin
|
|
@Composable
|
|
fun ModalDrawerSample() {
|
|
val drawerState = rememberDrawerState(DrawerValue.Closed)
|
|
val scope = rememberCoroutineScope()
|
|
|
|
ModalDrawer(
|
|
drawerState = drawerState,
|
|
drawerContent = {
|
|
Column {
|
|
Text("Text in Drawer")
|
|
Button(onClick = {
|
|
scope.launch {
|
|
drawerState.close()
|
|
}
|
|
}) {
|
|
Text("Close Drawer")
|
|
}
|
|
}
|
|
},
|
|
content = {
|
|
Column {
|
|
Text("Text in Bodycontext")
|
|
Button(onClick = {
|
|
|
|
scope.launch {
|
|
drawerState.open()
|
|
}
|
|
|
|
}) {
|
|
Text("Click to open")
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
```
|
|
|
|
## See also:
|
|
* [Official Docs](https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#modaldrawerlayout)
|
|
* [Full Example Code]({{ site.samplefolder }}/material/modaldrawer/ModalDrawerSample.kt)
|