Jetpack Compose：导航返回时ModalBottomSheetLayout重现闪烁问题求助

核心思路：稳定BottomSheet状态，避免重组时状态重置 #

• 用rememberSaveable持久化BottomSheet状态
  别用普通remember保存ModalBottomSheetState，改用rememberSaveable，它会在导航返回时正确恢复状态，不会因为重组让BottomSheet回到初始显示状态：

  val bottomSheetState = rememberSaveable(
      stateSaver = ModalBottomSheetState.Saver(
          animationSpec = SwipeableDefaults.AnimationSpec
      )
  ) {
      ModalBottomSheetState(ModalBottomSheetValue.Hidden)
  }
  

• 导航前主动关闭BottomSheet并等待动画完成
  点击条目时，先触发BottomSheet关闭动画，等动画彻底结束后再执行导航，避免返回时状态不一致引发闪烁：

  LaunchedEffect(Unit) {
      bottomSheetState.hide()
      bottomSheetState.awaitHidden()
      navController.navigate("detail_screen")
  }
  

• 把BottomSheet状态放在重组稳定的父组件中
  不要在频繁重组的子Composable里创建ModalBottomSheetState，把它放在Scaffold这类外层稳定组件中，减少不必要的状态重置触发。

• 监听导航栈同步状态
  通过监听导航栈变化，确保从详情页返回时BottomSheet保持隐藏状态，避免重组误触发显示：

  val navBackStackEntry by navController.currentBackStackEntryAsState()
  LaunchedEffect(navBackStackEntry) {
      if (navBackStackEntry?.destination?.route == "home_screen") {
          bottomSheetState.hide()
      }
  }
  

这些方法无需用Box组件切换显隐，而是通过状态的持久化和导航时的状态同步，从根源上避免重组导致的BottomSheet闪烁问题。

内容的提问来源于stack exchange，提问作者Subfly