@x.render/render-pullrefresh

中文文档

Introduce

Container that supports custom pull-down refresh prompts

Notice

Due to the transform attribute in the style, the internal fixed element style will be affected

Usage

$ 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>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
        <View>test data</View>
      </View>
    </PullRefresh>
  );
};

export default App;

Property

Name	Type	Default	Required	Description
style	CSSProperties	-	false	Custom style
disabled	boolean	-	false	Whether to trigger pull-down refresh
renderRefresh	function	-	false	Customize the pull-down refresh UI that needs to be rendered
onRefresh	function	location.reload()	false	Execution function after triggering pull-down refresh