组件事件event

在Kuikly中, 我们可以在组件的声明式API内, 调用event{}闭包来监听组件的事件。每个组件都支持单击、双击和长按等基础事件。 组件支持的基础事件列表, 可移步组件基础事件查阅。

例子

下面以单击事件为例, 来看如何监听组件事件

@Page("HelloWorldPage")
internal class HelloWorldPage : Pager() {

    override fun body(): ViewBuilder {
        val ctx = this
        return {
            attr {
                allCenter()
            }

            Text {
                attr {
                    text("Hello Kuikly")
                    fontSize(20f)
                    fontWeightBold()
                }
                
                event { 
                    click { clickParams -> 
                        // 单击事件处理
                    }
                }
            }
        }
    }
}

在上述代码中, 我们在组件的event{}内调用click方法来监听Text组件的单击事件。

下一步

学习完如何监听组件的事件后, 下一步我们来学习Kuikly的UI响应式更新