Android Compose - 官方SwipeRefreshLayout（下拉刷新）

2021年11月6日 474点热度 4人点赞 0条评论

浏览量: 466

内容隐藏目录

Demo

类库引用

repositories {
    mavenCentral()
}

dependencies {
    implementation "com.google.accompanist:accompanist-swiperefresh:<version>"
}

repositories {

mavenCentral()

}

dependencies {

implementation "com.google.accompanist:accompanist-swiperefresh:<version>"

}

用法

class MyViewModel : ViewModel() {
    private val _isRefreshing = MutableStateFlow(false)

    val isRefreshing: StateFlow<Boolean>
        get() = _isRefreshing.asStateFlow()

    fun refresh() {
        viewModelScope.launch {
            // 延迟2秒
            _isRefreshing.emit(true)
            delay(2000)
            _isRefreshing.emit(false)
        }
    }
}

@Composable
fun SwipeRefreshSample() {
    val viewModel: MyViewModel = viewModel()
    val isRefreshing by viewModel.isRefreshing.collectAsState()

    SwipeRefresh(
        state = rememberSwipeRefreshState(isRefreshing),
        onRefresh = { viewModel.refresh() },
    ) {
        LazyColumn {
            items(30) { index ->
                // item列表
            }
        }
    }
}

class MyViewModel : ViewModel() {

private val _isRefreshing = MutableStateFlow(false)

val isRefreshing: StateFlow<Boolean>

get() = _isRefreshing.asStateFlow()

fun refresh() {

viewModelScope.launch {

// 延迟2秒

_isRefreshing.emit(true)

delay(2000)

_isRefreshing.emit(false)

}

@Composable

fun SwipeRefreshSample() {

val viewModel: MyViewModel = viewModel()

val isRefreshing by viewModel.isRefreshing.collectAsState()

SwipeRefresh(

state = rememberSwipeRefreshState(isRefreshing),

onRefresh = { viewModel.refresh() },

) {

LazyColumn {

items(30) { index ->

// item列表

}