JetPack Compose BottomSheetDialog：添加rememberNestedScrollInteropConnection后标题无法触发弹窗最小化

问题根源是你把nestedScroll修饰符加在了整个Column上，这会拦截所有区域的滚动触摸事件，包括标题栏的拖拽操作，导致弹窗无法响应最小化指令。

只需要将嵌套滚动修饰符仅应用在LazyColumn上，让标题区域保留原生触摸交互即可解决问题：

ComposeView(requireContext()).apply {
    setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
    setContent {
        Theme {
            Column { // 移除Column上的nestedScroll修饰符
                Row {
                    Text(
                        modifier = Modifier
                            .padding(16.dp)
                            .fillMaxWidth(),
                        text = "Title"
                    )
                }
                LazyColumn(
                    Modifier
                        .weight(1f)
                        .fillMaxWidth()
                        .nestedScroll(rememberNestedScrollInteropConnection()) // 仅给列表添加嵌套滚动
                ) {
                    items(100) {
                        Text(
                            text = "Item $it",
                            modifier = Modifier
                                .padding(16.dp)
                                .fillMaxWidth(),
                        )
                    }
                }
            }
        }
    }
}

效果验证 #

• 列表向下滚动后再向上滚动，只会触发列表自身滚动，不会带动弹窗最小化
• 触摸标题栏拖拽，可正常触发弹窗的最小化操作
• 弹窗的最大化、关闭等原有交互逻辑不受影响

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