如何在Jetpack Compose的@Composable函数中调用其他类的方法

这里有两种常用实现方式，第一种是参数传递，耦合度更低，更推荐使用：

方案1：将方法作为参数传递给Composable #

步骤1：修改@Composable函数定义，新增函数类型参数 #

package com.example.bohubrihiwithjetpack

import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier

@Composable
fun composable(onGetRegionsClick: () -> Unit) {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        // 点击按钮时触发请求
        Button(onClick = onGetRegionsClick) {
            Text("获取区域列表")
        }
    }

    // 如果需要进入页面就自动执行请求，添加下面这段即可
    /*
    LaunchedEffect(Unit) {
        onGetRegionsClick()
    }
    */
}

步骤2：修改MainActivity中调用Composable的代码，传入方法 #

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
        // 传入MainActivity的getRegionsHttp方法
        composable(onGetRegionsClick = ::getRegionsHttp)
    }
}

方案2：在Composable中通过Context获取Activity实例调用 #

如果不想传递参数，可以直接在Composable内获取当前上下文转成MainActivity实例后调用方法：

package com.example.bohubrihiwithjetpack

import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.platform.LocalContext

@Composable
fun composable() {
    val context = LocalContext.current
    Button(onClick = {
        // 安全转换避免类型不匹配崩溃
        (context as? MainActivity)?.getRegionsHttp()
    }) {
        Text("获取区域列表")
    }
}

补充说明 #

两种方法都可以实现需求，优先选方案1，后续如果要拆分Composable到不同模块也不会和MainActivity强绑定。另外后续优化可以考虑把网络请求逻辑移到ViewModel中，配合协程处理会更符合Compose的开发规范。

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