Please complete the following information: Li

Hey <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

Scrim doesn't contain statusbar about flexiblebottomsheet HOT 2 CLOSED

skydoves commented on June 22, 2024

Scrim doesn't contain statusbar

from flexiblebottomsheet.

Comments (2)

skydoves commented on June 22, 2024

Hey @chandroidx, my apologies for the delayed response. It's expected that this task falls under the responsibility of the user.

To address this issue, you can easily change the status bar color using the following method:

Add the accompanist dependency below:

implementation("com.google.accompanist:accompanist-systemuicontroller:0.32.0")

Observe the flexible bottom sheet's target value changes and change the statusbar color when the state value is not hidden like the example below:

  var currentSheetTarget by remember { mutableStateOf(FlexibleSheetValue.IntermediatelyExpanded) }
  val systemUiController = rememberSystemUiController()

  val primaryColor = MaterialTheme.colors.primary
  val scrimColor = Color.Black.copy(alpha = 0.65f)

  LaunchedEffect(currentSheetTarget) {
    if (currentSheetTarget == FlexibleSheetValue.Hidden) {
      systemUiController.setStatusBarColor(
        color = primaryColor
      )
    } else {
      systemUiController.setStatusBarColor(
        color = scrimColor
      )
    }
  }

  FlexibleBottomSheet(
    onDismissRequest = onDismissRequest,
    sheetState = rememberFlexibleBottomSheetState(
      flexibleSheetSize = FlexibleSheetSize(),
      isModal = true,
      skipSlightlyExpanded = false,
    ),
    onTargetChanges = { sheetValue ->
      currentSheetTarget = sheetValue
    },
    containerColor = Color.Black,
    scrimColor = scrimColor
  ) {
     ..
    }

This is the result as you've expected:

from flexiblebottomsheet.

skydoves commented on June 22, 2024

Hey @chandroidx, I'm closing this issue for now. If you still face the same problem while addressing it with my suggestion, please reopen and discuss this anytime!

from flexiblebottomsheet.

Recommend Projects