Compose进阶——在非Compose作用域调用Compose函数

第一版,实现在非Compose作用域调用Compose函数:

@Composable
fun test() {
    val fun1 = @Composable() {
		rememberTextMeasurer()
    }

    val test1 = rememberTextMeasurer()

    val composer = currentComposer

    Button(onClick = {
    	// 这是非Compose作用域,在此通过我们自定义的invokeCompose方法,执行Compose函数
        invokeCompose(composer, fun1)
    }) {

    }
}

fun invokeCompose(composer: Composer, function: @Composable () -> Unit) {
    (function as ComposableLambda).invoke(composer, 100000)
}

第二版,支持返回值:

@Composable
fun test() {
    val fun1 = @Composable {
        // 这是Compose函数
        rememberTextMeasurer()
    }

    val composer = currentComposer

    Button(onClick = {
        // 这是非Compose作用域,在此通过我们自定义的invokeCompose方法,执行Compose函数
        val textMeasurer = invokeCompose(composer, fun1)	// 类型是 Any
        println("textMeasurer= $textMeasurer")
    }) {

    }
}

fun invokeCompose(composer: Composer, function: @Composable () -> Any?): Any? {
    return (function as ComposableLambda).invoke(composer, 100000)
}

第三版,加入泛型,支持类型自动推导:

@Composable
fun test() {
    val fun1 = @Composable {
        // 这是Compose函数
        rememberTextMeasurer()
    }

    val composer = currentComposer

    Button(onClick = {
        // 这是非Compose作用域,在此通过我们自定义的invokeCompose方法,执行Compose函数
        val textMeasurer = invokeCompose(composer, fun1)    // 类型是TextMeasurer
        println("textMeasurer= $textMeasurer")
    }) {

    }
}

fun <T>invokeCompose(composer: Composer, function: @Composable () -> T?): T? {
    return (function as ComposableLambda).invoke(composer, 100000) as T
}

最终版,改为inline,提升性能:

@Composable
fun test() {
    val fun1 = @Composable {
        // 这是Compose函数
        rememberTextMeasurer()
    }

    val composer = currentComposer

    Button(onClick = {
        // 这是非Compose作用域,在此通过我们自定义的invokeCompose方法,执行Compose函数
        val textMeasurer = invokeCompose(composer, fun1)    // 类型是TextMeasurer
        println("textMeasurer= $textMeasurer")
    }) {

    }
}

inline fun <reified T>invokeCompose(composer: Composer,noinline function: @Composable () -> T?): T? {
    return (function as ComposableLambda).invoke(composer, 100000) as T
}

后续扩展,支持各个参数

@Composable
fun test() {
    // 含一个参数的Compose函数
    val fun1: @Composable (String) -> String = @Composable {
        it + "123"
    }
    
    val composer = currentComposer

    Button(onClick = {
        // 这是非Compose作用域,在此通过我们自定义的invokeCompose方法,执行Compose函数
        val textMeasurer = invokeCompose(composer, fun1, "arg1")    // 类型是TextMeasurer
        println("textMeasurer= $textMeasurer")
    }) {

    }
}


inline fun <reified T> invokeCompose(
    composer: Composer,
    noinline function: @Composable () -> T?
): T? {
    return (function as ComposableLambda).invoke(composer, 100000) as T
}

inline fun <reified T, A> invokeCompose(
    composer: Composer,
    noinline function: @Composable (A) -> T?,
    p1: A
): T? {
    return (function as ComposableLambda).invoke(p1, composer, 100000) as T
}

inline fun <reified T, A, B> invokeCompose(
    composer: Composer,
    noinline function: @Composable (A, B) -> T?,
    p1: A,
    p2: B
): T? {
    return (function as ComposableLambda).invoke(p1, p2, composer, 100000) as T

...
}
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值