1
2
3
4
5
6
var refreshing by mutableStateOf(false)
  private set suspend fun refresh() {
    pageOffset = 1
    refreshing = true
    fetchArticleList()
}

1
2
3
4
5
6
7
8
9
suspend fun fetchArticleList(){
   val res = articleService.list(pageOffset = pageOffset, pageSize = pageSize)
    delay(3000)
    if(res.code == 0 && res.data != null) {
        list = res.data
        listLoaded = true //是否載入完畢
        refreshing = false
    }
}

1
2
3
4
5
6
7
8
import androidx.compose.material.pullrefresh.PullRefreshIndicator
import androidx.compose.material.pullrefresh.pullRefresh
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.runtime.setValue
import kotlinx.coroutines.launch

1
2
3
4
5
6
7
8
9
val lazyListState = rememberLazyListState()
val coroutineScope = rememberCoroutineScope()
var refreshing by remember { mutableStateOf(articleViewModel.refreshing) }
val pullRefreshState = rememberPullRefreshState(refreshing, { coroutineScope.launch { articleViewModel.refresh() } })
Box(Modifier.pullRefresh(pullRefreshState)) {
    LazyColumn(state = lazyListState) {
    }
    PullRefreshIndicator(refreshing, pullRefreshState, Modifier.align(Alignment.TopCenter))
}