react-native-ly-refresh-control

下拉刷新

iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl

Android 未完成

Installation

yarn react-native-ly-refresh-control

Usage

import LYRefreshControl from "react-native-ly-refresh-control";

<ScrollView
  style={styles.scroll}
  refreshControl={
    <LYRefreshControl
      refreshing={refreshing}
      onRefresh={onRefresh}
      idleSources={[
        require('./assets/dropdown_anim__0001.png'),
        require('./assets/dropdown_anim__0002.png'),
        require('./assets/dropdown_anim__0003.png'),
        require('./assets/dropdown_anim__00020.png'),
        require('./assets/dropdown_anim__00021.png'),
        require('./assets/dropdown_anim__00030.png'),
        require('./assets/dropdown_anim__00031.png'),
      ]}
      refreshingSources={[
        require('./assets/dropdown_loading_01.png'),
        require('./assets/dropdown_loading_02.png'),
        require('./assets/dropdown_loading_03.png'),
      ]}
    />
  }
>
  ...
</ScrollView>

Live

TODO

• iOS 更多属性控制
• android 基于 SmartRefreshLayout 实现

License

MIT