BottomSheetDialogFragment+Compose滚动异常：上滑关闭而非滚动，如何修复？

核心解决方案：用Compose的NestedScrollConnection拦截手势 #

通过给可滚动内容添加NestedScrollConnection，我们可以控制滚动事件的优先级：让内容滚动优先触发，只有当内容已经滚动到顶部无法继续向上滚动时，才允许底部弹窗响应关闭手势。

步骤1：修改Composable内容，添加滚动拦截逻辑 #

@Composable
fun PrivilegeBottomSheetContent() {
    val scrollState = rememberScrollState()

    // 创建滚动拦截器，控制事件流向
    val nestedScrollConnection = remember {
        object : NestedScrollConnection {
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                // 仅处理拖拽产生的向上滚动事件（available.y < 0代表向上滑）
                return if (source == NestedScrollSource.Drag && available.y < 0) {
                    // 判断内容是否还能向上滚动：scrollState.value > 0表示未到顶
                    if (scrollState.value > 0) {
                        available // 消费事件，让内容优先滚动
                    } else {
                        Offset.Zero // 不消费事件，允许弹窗关闭
                    }
                } else {
                    Offset.Zero // 其他场景不拦截
                }
            }
        }
    }

    Column(
        modifier = Modifier
            .nestedScroll(nestedScrollConnection) // 绑定滚动拦截器
            .verticalScroll(scrollState)
    ) {
        // 你的内容元素（示例为重复列表项）
        repeat(20) {
            Text(
                text = "列表项 $it",
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(16.dp),
                fontSize = 18.sp
            )
        }
    }
}

逻辑说明 #

• NestedScrollConnection的onPreScroll方法会在滚动事件传递给内容前触发，我们在这里做优先级判断。
• 当用户向上拖拽时，先检查内容是否已经滚到顶部：如果没到顶，就把滚动事件留给内容；如果已经到顶，再让弹窗响应关闭操作。

可选：增强BottomSheet行为控制 #

如果需要进一步调整弹窗的基础行为，可以在Fragment中获取BottomSheetBehavior补充配置：

class PrivilegeBottomSheetDialog : BottomSheetDialogFragment() {

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val dialog = super.onCreateDialog(savedInstanceState) as BottomSheetDialog
        dialog.setOnShowListener {
            val bottomSheet = dialog.findViewById<View>(com.google.android.material.R.id.design_bottom_sheet)
            bottomSheet?.let { sheet ->
                val behavior = BottomSheetBehavior.from(sheet)
                // 设置弹窗默认展开状态（可选）
                behavior.state = BottomSheetBehavior.STATE_EXPANDED
            }
        }
        return dialog
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View = ComposeView(requireContext()).apply {
        setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
        setContent {
            PrivilegeBottomSheetContent()
        }
    }
}

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