如何在compose中正确的collect数据

https://www.youtube.com/watch?v=0G_1XCRlpYM

还是pl的学习视频

首先是冷流转换成热流 stateflow

    var countTimer = flow {
        delay(1000)
        countTime++
        emit(countTime)
    }
        .stateIn(
            viewModelScope,
            SharingStarted.Lazily, //订阅之后开始发送,然后never stop
            0
        )

SharingStarted.Lazily 和SharingStarted.Eagerly的区别是,一个是订阅之后才开始发送,一个是立即开始发送,但是两个都不会停止

另外一个SharingStarted.WhileSubscribed 有两个参数,一个是 停止 的时间,另外一个是值缓存的时间,默认是永久

将冷流转换成热流stateflow的场景,基本上是我们需要费好大力气才获取的值,然后也可能有多个订阅者,我们想把值缓存起来,不用多次去请求,发送,这时候,就进行stateIn转换。

那我们收集的时候该怎么收集呢?

val collectAsState = viewModel.countTimer.collectAsState()
val collectAsStateWithLifecycle =
    viewModel.countTimer.collectAsStateWithLifecycle()

两者的区别,是否感知生命周期,如果希望在界面不可见的时候停止订阅,比如跳转,比如进入后台则使用collectAsStateWithLifecycle,collectAsState则不会停止。

当然collectAsStateWithLifecycle需要引入

androidx-lifecycle-runtime-compose

当你想在使用KotlinCompose编写Android应用时集成Supabase,你可以按照以下步骤进行: 1. **添加依赖**: - 首先,在`build.gradle`的`dependencies`块添加Supabase的Kotlin库和Compose相关的库,例如 `anko-compose` 或者 `compose-jdbc` (取决于你需要访问数据库的方式)。 ```groovy implementation "io.supabase:supabase-android-sdk:{{latest_version}}" implementation "org.jetbrains.compose:compose-jdbc:{{compose_jdbc_version}}" ``` 确保替换`{{latest_version}}` 和 `{{compose_jdbc_version}}`为最新的版本号。 2. **初始化 Supabase 实例**: - 在App启动时,设置你的Supabase URL和API密钥,通常会放到`Application`类或`Main`模块里。 ```kotlin val supabaseUrl = "https://your-supabase-url" val supabaseKey = "your-api-key" Supabase.configure(supabaseUrl, supabaseKey) ``` 3. **数据库操作**: - 使用`compose-jdbc`,你可以创建数据源并执行SQL查询。 ```kotlin val dataSource by lazy { createDataSource() } suspend fun getData(): List<MyDataModel> { return withContext(Dispatchers.IO) { Database.query(dataSource, "SELECT * FROM my_table") .map { it.toMyDataModel() } .toList() } } ``` 如果你选择使用Anko Compose,可以使用Anko的`database`函数。 4. **在Composable显示数据**: - 获取到数据后,将它们绑定到Composable展示,如列表或卡片组件。 ```kotlin @Composable fun MyListScreen(data: List<MyDataModel>) { LazyColumn { items(data) { Text(text = item.title) } } } // 在某个Composable里调用getData并在屏幕上显示结果 LaunchedEffect(key1 = Unit) { viewModel.getData().collect { data -> setContent { MyListScreen(data) } } } ``` 5. **注意同步和异步**: - 由于数据库操作通常是耗时的,所以在Compose通常推荐使用`LaunchedEffect`来处理异步任务。 记得在实际项目,你需要根据Supabase文档调整代码以适应具体的数据库结构和查询需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值