1.10.0 • Published 1 year ago

@x.render/render-pullrefresh v1.10.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

@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;

属性

属性类型默认值必填描述
styleCSSProperties-false自定义样式
disabledboolean-false是否触发下拉刷新
renderRefreshfunction-false自定义需要渲染的下拉刷新 UI
onRefreshfunctionlocation.reload()false触发下拉刷新后的执行函数
1.9.0

1 year ago

1.10.0

1 year ago

1.8.0

1 year ago

1.7.2

1 year ago

1.2.0

1 year ago

1.3.0

1 year ago

1.1.0

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago