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

LiePy

已于 2024-05-31 19:45:53 修改

阅读量339

点赞数 3

分类专栏： compose从0开发 kotlin进阶 Android开发文章标签： kotlin compose android

于 2024-05-31 19:42:22 首次发布

本文链接：https://blog.csdn.net/liepy/article/details/139359730

版权

compose从0开发同时被 3 个专栏收录

6 篇文章 1 订阅

订阅专栏

Android开发

6 篇文章 1 订阅

订阅专栏

kotlin进阶

3 篇文章 0 订阅

订阅专栏

第一版，实现在非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

...
}