BottomSheetDialogFragment嵌套滚动异常：Column向下滚动优先级问题求助

问题核心是向下滑动时，BottomSheet优先响应了滚动，而非让Column先滚动至顶部。解决思路是通过自定义NestedScrollConnection拦截滑动事件，确保Column完成自身滚动后，再触发BottomSheet的收起逻辑。

修改后的完整代码 #

@AndroidEntryPoint
class DemoBottomSheetDialogFragment : BottomSheetDialogFragment() {

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            setContent {
                val scrollState = rememberScrollState()
                // 自定义嵌套滚动连接，处理滑动优先级
                val nestedScrollConnection = rememberNestedScrollConnection {
                    override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                        // dy < 0 表示向下滑动（Compose中滑动偏移：向上为正，向下为负）
                        return if (available.y < 0 && scrollState.value > 0) {
                            // Column还没滚到顶部，消费滑动事件，让Column继续滚动
                            available.copy(x = 0f)
                        } else {
                            // Column已到顶部，交给BottomSheet处理滑动
                            Offset.Zero
                        }
                    }
                }

                Box(Modifier.fillMaxSize()) {
                    Column(
                        Modifier
                            .fillMaxSize()
                            .verticalScroll(scrollState)
                            .nestedScroll(nestedScrollConnection) // 绑定嵌套滚动连接
                    ) {
                        // 这里填充你的Column内容，比如多个大高度的Item
                        repeat(20) {
                            Text(
                                text = "列表条目 $it",
                                modifier = Modifier
                                    .fillMaxWidth()
                                    .padding(16.dp)
                                    .height(60.dp)
                                    .background(Color.LightGray)
                            )
                        }
                    }
                }
            }
        }
    }
}

关键逻辑说明 #

• rememberNestedScrollConnection：替代手动创建NestedScrollConnection，更贴合Compose的生命周期管理。
• onPreScroll方法：在滑动事件被处理前拦截，判断滑动方向和Column的滚动状态：
  • 当向下滑动（available.y < 0）且Column未滚到顶部（scrollState.value > 0），消费掉垂直方向的滑动事件，让Column继续向下滚动到顶部。
  • 当Column已经处于顶部（scrollState.value == 0），不拦截事件，让BottomSheet响应滑动收起操作。
• nestedScroll修饰符：只需要绑定到Column（或其父容器）一次即可，无需重复添加。

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