@x.render/render-pullrefresh
v1.10.0
Published
Container that supports custom pull-down refresh prompts
Downloads
11
Readme
@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 | 触发下拉刷新后的执行函数 |