OutlineTextField未修改时，点击保存如何跳过API调用并返回上一页

核心思路是在ViewModel中保存文本的初始值，每次点击保存时对比当前编辑值与初始值，以此判断是否需要执行API调用。以下是具体实现方案：

1. ViewModel层实现 #

在ViewModel中维护初始文本和当前编辑文本的状态，并封装保存逻辑判断：

class EditViewModel : ViewModel() {
    // 存储文本的初始值
    private val _initialText = MutableStateFlow("")
    val initialText = _initialText.asStateFlow()

    // 存储当前编辑的文本值
    private val _currentText = MutableStateFlow("")
    val currentText = _currentText.asStateFlow()

    // 初始化文本，将原始内容同步给初始值和当前编辑值
    fun initOriginalText(originalText: String) {
        _initialText.value = originalText
        _currentText.value = originalText
    }

    // 响应文本输入变化
    fun onTextChanged(newText: String) {
        _currentText.value = newText
    }

    // 处理保存逻辑，返回是否需要直接返回上一页
    fun processSave(): Boolean {
        return if (_currentText.value == _initialText.value) {
            // 文本未修改，无需调用API
            true
        } else {
            // 执行API更新操作
            // api.updateContent(_currentText.value)
            false
        }
    }
}

2. UI层实现 #

结合你提供的OutlineTextField，在保存按钮的点击事件中调用ViewModel的判断逻辑：

@Composable
fun EditContentScreen(
    viewModel: EditViewModel = viewModel(),
    onBackPressed: () -> Unit
) {
    val currentText by viewModel.currentText.collectAsState()

    Column(modifier = Modifier.padding(16.dp)) {
        OutlinedTextField(
            value = currentText,
            onValueChange = viewModel::onTextChanged,
            modifier = Modifier.fillMaxWidth(),
            placeholder = { Text("请输入内容") }
        )

        Button(
            onClick = {
                val shouldReturn = viewModel.processSave()
                if (shouldReturn) {
                    onBackPressed()
                } else {
                    // 可根据API调用结果处理返回，比如调用成功后再返回
                    onBackPressed()
                }
            },
            modifier = Modifier.padding(top = 16.dp)
        ) {
            Text("保存")
        }
    }
}

关键说明 #

• 页面初始化时，调用initOriginalText将接口获取的原始文本传入ViewModel，确保初始值与编辑前内容完全一致
• 文本输入变化时，仅更新currentText状态，初始值保持不变
• 点击保存时，通过对比currentText和initialText的内容，直接决定是否跳过API调用并返回上一页

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