Molecule:使用Jetpack Compose构建StateFlow流
创始人
2024-05-27 16:29:28

Molecule:使用Jetpack Compose构建StateFlow流

Kotlin Flow

看下面的jetpack compose片段:

@Composable
fun MessageCard(message: Message) {Column {Text(text = message.author)Text(text = message.body)}
}

这段代码最有趣的部分是它实际上是reactive。其反应性为 通过@Composable注释和委托变量抽象出来。例如,假设参数被委托给 MutableState。当Message数据变化时,会驱动Text更新。
Message是下列响应式类型之一:Message Observable Flow MessageCard() Observable Flow
最重要的是提供了composable类型的Kotlin Flow API,例如 StateFlow.collectAsState: State
代码示例如下:

@Composable
fun profilePresenter(userFlow: Flow,balanceFlow: Flow,
): ProfileModel {val user by userFlow.collectAsState(null)val balance by balanceFlow.collectAsState(0L)return if (user == null) {Loading} else {Data(user.name, balance)}
}

不像RxJava和Kotlin Flow 提供复杂的操作符,而简单使用if/else when for等逻辑判断就可以提供响应式代码。
现在的问题是:我将如何在non-composable环境中使用我的composable方法?
答案是 Molecule
https://github.com/cashapp/molecule/
Molecule做了一件事情,将一个composable方法转为FlowState 或者 Flow API之一。

/**
* Create a [Flow] which will continually recompose `body` to produce a stream of [T] values
* when collected.
*/
fun  moleculeFlow(clock: RecompositionClock,body: @Composable () -> T,
): Flow/**
* Launch a coroutine into this [CoroutineScope] which will continually recompose `body`
* to produce a [StateFlow] stream of [T] values.
*/
fun  CoroutineScope.launchMolecule(clock: RecompositionClock,body: @Composable () -> T,
): StateFlow

Molecule允许您为两种不同的重组行为传递两个时钟:

  • ContextClock将委托给MonotonicFrameClock CoroutineContext的调用方。
  • Immediate 将使生成的流在每次快照状态为失效。
    在不失去reactive的情况下编写命令式代码是极佳的选择。详细信息请查看Molecule的README文档。
    https://github.com/cashapp/molecule/blob/trunk/README.md

相关内容

热门资讯

绿金新闻 | 激发消费潜力,促...   Hehson财经ESG评级中心提供包括资讯、报告、培训、咨询等在内的14项ESG服务,助力上市公...
南通通州五接镇:非遗伴书香,新... 转自:扬子晚报近日,在南通通州五接镇新时代文明实践广场上,非遗手作的竹篾光影与图书的墨香交织,一场丰...
《霸王别姬》三度上演,导演林丛... 北京国际戏剧中心·人艺小剧场内,一座围合式楚军营帐静静矗立,观众环绕而坐,仿佛置身两千多年前那个四面...
男子酒后拨45次110骚扰接警... (来源:荔枝新闻)转自:荔枝新闻 【#男子酒后拨45次1...
沿着长江看交通|长江畔,扬州何... (来源:中国水运网)转自:中国水运网11月26日,“我家住在长江边”之“沿着长江看交通”媒体团走进扬...