我们如何在 jetpack compose 中对带有行的不同图标使用可点击属性？

Question

我想在jetpack compose中的两个不同行中应用可点击的两个不同按钮，但我没有找到任何方法来做到这一点，我知道我们可以这样应用它

 modifier = Modifier
              .clickable {}

对于文本或图像，但我有两个

画家=画家资源(id = R.drawable.ic_icon)

和

画家=画家资源(id = R.drawable.ic_icon2)

排了，有什么办法解决吗？

  class MyActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyScreen()
        }
    }

}
@Composable
fun MyScreen(

) {

    val context = LocalContext.current


            Column(
                modifier = Modifier.fillMaxSize()
            ) {

               MainRow(

                painter = painterResource(id = R.drawable.ic_icon)

               )

                MainRow(
                    painter = painterResource(id = R.drawable.ic_icon2)
                )
          }
        }
@Composable
fun MainRow(
    painter: Painter
   

) {

        Row(
            modifier = Modifier
                .padding(16.dp),
            verticalAlignment = Alignment.CenterVertically
        ) {

           

            Image(

            painter = painter,
            contentDescription = null,
            modifier = Modifier
                .size(25.dp),
                


            )

        }
    }

Answer 1

将 onClick 传递到 MainRow：

@Composable
fun MainRow(
    painter: Painter,
    onClick: () -> Unit
) {
    Row(
        modifier = Modifier.clickable(onClick = onClick),
    ){}
}