Gif 展示

引入

Gradle:

使用

UltraSwipeRefresh

UltraSwipeRefresh参数说明

/** * UltraSwipeRefresh：一个可带来极致体验的Compose刷新组件；支持下拉刷新和上拉加载，可完美替代官方的SwipeRefresh；并且支持的功能更多，可扩展性更强。 * * @param state 状态：主要用于控制和观察[UltraSwipeRefresh]；比如：控制下拉刷新和上拉加载和观察其状态。 * @param onRefresh 在完成滑动刷新手势时触发调用 * @param onLoadMore 在完成滑动加载手势时触发调用 * @param modifier 修饰符：用于装饰或添加Compose UI元素的行为。具体更详细的说明可查看[Modifier] * @param headerScrollMode 在进行滑动刷新时Header的滑动模式；具体更详细的样式说明可查看[NestedScrollMode] * @param footerScrollMode 在进行滑动加载更多时Footer的滑动模式；具体更详细的样式说明可查看[NestedScrollMode] * @param refreshEnabled 是否启用下拉刷新 * @param loadMoreEnabled 是否启用上拉加载 * @param refreshTriggerRate 触发滑动刷新的最小滑动比例；比例基于[headerIndicator]的高度；默认为：1 * @param loadMoreTriggerRate 触发滑动加载更多最小滑动比例；比例基于[footerIndicator]的高度；默认为：1 * @param headerMaxOffsetRate 向下滑动时[headerIndicator]可滑动的最大偏移比例；比例基于[headerIndicator]的高度；默认为：2 * @param footerMaxOffsetRate 向上滑动时[footerIndicator]可滑动的最大偏移比例；比例基于[footerIndicator]的高度；默认为：2 * @param dragMultiplier 触发下拉刷新或上拉加载时的阻力系数；值越小，阻力越大；默认为：0.5 * @param finishDelayMillis 完成时延时时间；让完成时的中间状态[UltraSwipeRefreshState.isFinishing]停留一会儿，定格的展示提示内容；默认：500毫秒 * @param vibrateEnabled 是否启用振动，如果启用则当滑动偏移量满足触发刷新或触发加载更多时，会有振动效果；默认为：false * @param alwaysScrollable 是否始终可以滚动；当为true时，则会忽略刷新中或加载中的状态限制，始终可以进行滚动；默认为：false * @param headerIndicator 下拉刷新时顶部显示的Header指示器 * @param footerIndicator 上拉加载更多时底部显示的Footer指示器 * @param contentContainer 内容的父容器，便于统一管理 * @param content 可进行刷新或加载更多所包含的内容*/

UltraSwipeRefresh使用示例

@ComposablefunUltraSwipeRefreshSample() {val state= rememberUltraSwipeRefreshState()var itemCount by remember { mutableIntStateOf(20) }val coroutineScope= rememberCoroutineScope()UltraSwipeRefresh(      state= state,      onRefresh= {         coroutineScope.launch {            state.isRefreshing=true// TODO 刷新的逻辑处理，此处的延时只是为了演示效果            delay(2000)            itemCount=20            state.isRefreshing=false         }      },      onLoadMore= {         coroutineScope.launch {            state.isLoading=true// TODO 加载更多的逻辑处理，此处的延时只是为了演示效果            delay(2000)            itemCount+=20            state.isLoading=false         }      },      modifier=Modifier.background(color=Color(0x7FEEEEEE)),      headerScrollMode=NestedScrollMode.Translate,      footerScrollMode=NestedScrollMode.Translate,      headerIndicator= {ClassicRefreshHeader(it)      },      footerIndicator= {ClassicRefreshFooter(it)      }   ) {LazyColumn(Modifier.background(color=Color.White)) {         repeat(itemCount) {            item {Text(                  text="UltraSwipeRefresh列表Item${it+1}",                  modifier=Modifier.padding(horizontal=16.dp, vertical=10.dp),                  color=Color(0xFF333333),                  fontSize=16.sp               )Divider(                  modifier=Modifier.padding(horizontal=16.dp),                  color=Color(0xFFF2F3F6)               )            }         }      }   }}

UltraSwipeRefreshTheme（v1.1.0新增）

UltraSwipeRefreshTheme使用示例

// 全局设置默认的滑动模式 （建议在Application的onCreate中进行配置）UltraSwipeRefreshTheme.config=UltraSwipeRefreshTheme.config.copy(   headerScrollMode=NestedScrollMode.Translate,   footerScrollMode=NestedScrollMode.Translate,)

指示器样式

相关推荐

版本日志

v1.3.1 ：2024-12-23

查看更多版本日志

赞赏

关于我

联系我