Is it possible to animate the dismissal of a modal bottom sh kotlinlang #compose

Channels

100daysofkotlin

100daysofkotlin-2021

algolialibraries

android-architecture

android-databinding

androidgithubprojects

androidx-xprocessing

arrow-contributors

beepiz-libraries

cincinnati-user-group

codemash-precompiler

codingconventions

competitive-programming

competitivecoding

compose-android

compose-desktop

compose-ui-showcase

connect-audit-events

cscenter-course-2016

domain-driven-design

effective-kotlin

effectivekotlin

embedded-kotlin

event21-community-content

fb-internal-demo

fluid-libraries

framework-elide

getting-started

github-workflows-kt

graviton-browser

image-processing

intellij-plugins

intellij-tricks

introduce-yourself

java-to-kotlin-refactoring

jhipster-kotlin

jvm-ir-backend-feedback

k2-early-adopters

kotest-contributors

kotlin-by-example

kotlin-data-storage

kotlin-foundation

kotlin-in-action

kotlin-multiplatform-contest

kotlin-pakistan

kotlinforbeginners

kotlingforbeginners

kotlinprogrammers

kotlintest-devs

kotlinultimatechallenge

kotlinx-datetime

lambdaworld_cadiz

language-evolution

language-proposals

leedskotlinusergroup

library-development

machinelearningbawas

myndocs-oauth2-server

navigation-architecture-component

ohio-kotlin-users

pattern-matching

pocketgitclient

practical-functional-programming

prozis-android-backup

python-contributors

realworldkotlin

refactoring-to-kotlin

refreshversions

russian-kotlinasfirst

skia-wasm-interop-temp

sofl-user-group

spring-security

squarelibraries

stayhungrystayfoolish

strife-discord-lib

swagger-gradle-codegen

swiss-user-group

tricity-kotlin-user-group

Title

c

Chris Fillmore

02/09/2022, 12:14 PM

Is it possible to animate the dismissal of a modal bottom sheet when using

popBackStack()

? (or if the user clicks the back button, or clicks on something that calls

navigate()

) Currently the animation only plays if the user clicks on the scrim or drags the sheet down.

It seems I could do this if I created my own

ModalBottomSheetState

and

BottomSheetNavigator

but I have the notion that’s not recommended

Or is it fine to do this?

val modalBottomSheetState = rememberModalBottomSheetState(
      initialValue = ModalBottomSheetValue.Hidden,
      skipHalfExpanded = true,
    )
    val bottomSheetNavigator = remember(modalBottomSheetState) {
      BottomSheetNavigator(sheetState = modalBottomSheetState)
    }

Then I could just call

hide()

on the sheet state

j

jossiwolf

02/09/2022, 1:54 PM

When popping the bottom sheet destination off the back stack, ideally, we would animate regularly. There's an issue in the upstream Material component though where most of the time, the

hide

call will be cancelled when we update the sheet's content to be empty. Using

snapTo

means that the state will pretty much instantly snap to the requested anchor, resulting in no animation. Ideally, we'd be hiding the sheet first and then changing the content; I'll try to put up a PR. There's also an open issue in the Accompanist repo 🙂

If you just call

hide

there's a good chance that the navigator and the sheet state get out of sync. That constructor will be made internal soon, too.

#compose Join Slack