如何在打开modalBottomSheet更改其值时知道点击了哪个按钮

在移动应用开发中，ModalBottomSheet 是一种常见的用户界面组件，通常用于显示一些临时内容或操作选项。当需要在打开 ModalBottomSheet 并更改其值时知道点击了哪个按钮，可以通过以下几种方法实现：

基础概念

ModalBottomSheet 是一种模态对话框，它会从屏幕底部弹出，覆盖当前界面的一部分。用户可以在其中进行交互，完成后关闭。

实现方法

1. 使用回调函数

在打开 ModalBottomSheet 时，可以传递一个回调函数，当用户点击某个按钮时，调用这个回调函数并传递相应的参数。

示例代码（Kotlin + Jetpack Compose）:

import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.DialogProperties

@Composable
fun MyScreen() {
    var bottomSheetState by remember { mutableStateOf(false) }
    var selectedButton by remember { mutableStateOf("") }

    Column {
        Button(onClick = { bottomSheetState = true }) {
            Text("Open Bottom Sheet")
        }

        Text("Selected Button: $selectedButton")
    }

    ModalBottomSheetLayout(
        sheetState = bottomSheetState,
        onDismissRequest = { bottomSheetState = false },
        sheetContent = {
            Column {
                Button(onClick = { 
                    selectedButton = "Button 1"
                    bottomSheetState = false 
                }) {
                    Text("Button 1")
                }
                Button(onClick = { 
                    selectedButton = "Button 2"
                    bottomSheetState = false 
                }) {
                    Text("Button 2")
                }
            }
        },
        properties = DialogProperties(dismissOnBackPress = true)
    )
}

2. 使用状态管理库

如果应用使用了状态管理库（如 Redux、MobX 或 Jetpack 的 ViewModel），可以将按钮点击事件的状态提升到全局状态中，从而在任何地方都能访问到这个状态。

示例代码（Kotlin + ViewModel + LiveData）:

class BottomSheetViewModel : ViewModel() {
    private val _selectedButton = MutableLiveData<String>()
    val selectedButton: LiveData<String> get() = _selectedButton

    fun onButtonClicked(buttonName: String) {
        _selectedButton.value = buttonName
    }
}

@Composable
fun MyScreen(viewModel: BottomSheetViewModel = viewModel()) {
    val selectedButton by viewModel.selectedButton.observeAsState("")

    Column {
        Button(onClick = { /* Open Bottom Sheet */ }) {
            Text("Open Bottom Sheet")
        }

        Text("Selected Button: $selectedButton")
    }

    ModalBottomSheetLayout(
        sheetState = bottomSheetState,
        onDismissRequest = { bottomSheetState = false },
        sheetContent = {
            Column {
                Button(onClick = { 
                    viewModel.onButtonClicked("Button 1")
                    bottomSheetState = false 
                }) {
                    Text("Button 1")
                }
                Button(onClick = { 
                    viewModel.onButtonClicked("Button 2")
                    bottomSheetState = false 
                }) {
                    Text("Button 2")
                }
            }
        },
        properties = DialogProperties(dismissOnBackPress = true)
    )
}