@x.render/render-pullrefresh

v1.10.0

Published

7 months ago

Container that supports custom pull-down refresh prompts

Downloads

0High
0Medium
0Low

cubber

@x.render/render-pullrefresh

英文文档

描述

支持自定义下拉刷新提示的容器

注意

由于样式中带有 transform 属性，内部 fixed 元素样式会受到影响

使用

$ npm install @x.render/render-pullrefresh --save

import PullRefresh from "@x.render/render-pullrefresh";
import View from "@x.render/render-view";
const App = () => {
  return (
    <PullRefresh
      disabled
      onRefresh={() => {
        console.log("刷新");
      }}
      renderRefresh={() => {
        return <View>释放立即刷新</View>;
      }}
    >
      <View style={{ background: "red" }}>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
        <View>这是些测试数据</View>
      </View>
    </PullRefresh>
  );
};

export default App;

属性

| 属性 | 类型 | 默认值 | 必填 | 描述 | | ------------- | --------------- | ----------------- | -------- | --------------------------- | | style | CSSProperties | - | false | 自定义样式 | | disabled | boolean | - | false | 是否触发下拉刷新 | | renderRefresh | function | - | false | 自定义需要渲染的下拉刷新 UI | | onRefresh | function | location.reload() | false | 触发下拉刷新后的执行函数 |

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@x.render/render-pullrefresh

描述

注意

使用

属性