显示Toast的示例代码。

setContent {
    val context = LocalContext.current
    MyAppTheme {
        Box(
            contentAlignment = Alignment.Center,
            modifier = Modifier.fillMaxSize(),
        ) {
            TextButton(
                onClick = {
                    Toast.makeText(context, "Toast", Toast.LENGTH_LONG).show()
                },
            ) {
                Text(text = "Show Toast")
            }
        }
    }
}

让我来分解一下这段代码中要研究的重要内容。

1. Toast不应该是可组合代码的一部分，而应该是副作用代码的一部分。
   (e.g. onClick()、LaunchedEffect、DisposableEffect等）
   1.使用LocalContext.current获取可组合代码中的上下文。注意，必须将其存储在变量中，因为onClick()中的代码没有可组合作用域。（如上所述）
   1.可组合对象的重新组合非常频繁，这取决于UI的变化，我们不希望每次可组合对象重新组合时都显示Toast。
   请参阅Side Effects Docs以更好地理解它。

您需要使用scaffold来显示toast

• • 代码：**

class SimpleFormActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val scaffoldState = rememberScaffoldState()
            var inputFieldState by remember { mutableStateOf("") }
            val scope = rememberCoroutineScope()

            Scaffold(
                modifier = Modifier.fillMaxSize(),
                scaffoldState = scaffoldState
            ) { padding ->
                Column(
                    Modifier
                        .fillMaxSize()
                        .padding(50.dp),
                    horizontalAlignment = Alignment.CenterHorizontally,
                    verticalArrangement = Arrangement.Center
                ) {
                    TextField(
                        value = inputFieldState,
                        label = {
                            Text(text = "Enter your name")
                        },
                        onValueChange = {
                            inputFieldState = it
                        },
                        singleLine = true,
                        modifier = Modifier.fillMaxWidth()
                    )
                    Spacer(modifier = Modifier.height(20.dp))
                    Button(
                        onClick = {
                            scope.launch {
                                scaffoldState.snackbarHostState.showSnackbar(
                                    inputFieldState,
                                    duration = SnackbarDuration.Short
                                )
                            }
                        }) {
                        Text(text = "Click")
                    }
                }
            }
        }
    }
}

• • 演示：**