Jetpack Compose 1.3.2：滚动到底部激活按钮实现方法

核心思路是利用Modifier.verticalScroll实现页面滚动，通过ScrollState监听滚动位置，判断是否到达页面底部，进而控制按钮的启用状态。以下是具体实现代码：

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.rememberScrollState
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.derivedStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun ScrollToBottomActivateButtonScreen() {
    // 保存滚动偏移量状态，用于跟踪滚动位置
    val scrollState = rememberScrollState()
    
    // 派生状态：仅当滚动状态变化时重新计算是否到达底部
    val isButtonEnabled = remember {
        derivedStateOf {
            scrollState.value == scrollState.maxValue
        }
    }

    Box(modifier = Modifier.fillMaxSize()) {
        // 可滚动的文本内容区域
        Column(
            modifier = Modifier
                .fillMaxSize()
                .verticalScroll(scrollState) // 通过Modifier实现垂直滚动
                .padding(16.dp)
        ) {
            // 模拟大量文本内容，让页面可滚动
            repeat(20) { index ->
                Text(
                    text = "这是第${index + 1}行文本内容，用于填充页面使其可滚动。",
                    modifier = Modifier.padding(bottom = 12.dp)
                )
            }
        }

        // 底部按钮，根据滚动状态控制启用状态
        Button(
            onClick = { /* 这里添加按钮点击逻辑 */ },
            enabled = isButtonEnabled.value,
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp)
        ) {
            Text(text = "完成阅读")
        }
    }
}

关键代码说明 #

• rememberScrollState()：核心滚动状态容器，记录当前滚动偏移量和最大可滚动偏移量。
• derivedStateOf：创建依赖滚动状态的计算状态，避免无意义的重组，只有当滚动位置变化时才更新按钮启用状态。
• Modifier.verticalScroll(scrollState)：为Column添加滚动能力，替代禁用的ScrollableColumn等组件。
• 按钮的enabled参数绑定isButtonEnabled.value，滚动到底部时自动激活按钮。

内容的提问来源于stack exchange，提问作者michelle.owen