Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

nuke-refresh-control

Package Overview
Dependencies
Maintainers
2
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-refresh-control - npm Package Compare versions

Comparing version 2.2.29 to 2.3.0

16

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log

# [2.3.0](https://gitlab.alibaba-inc.com/nuke/refresh-control/compare/v2.2.29...v2.3.0) (2018-11-14)
### Bug Fixes
* liscene fix ([ff9b7fd](https://gitlab.alibaba-inc.com/nuke/refresh-control/commit/ff9b7fd))
### Features
* 将UI组件与功能库拆分 ([f5d0a2c](https://gitlab.alibaba-inc.com/nuke/refresh-control/commit/f5d0a2c))
## [2.2.29](https://gitlab.alibaba-inc.com/nuke/refresh-control/compare/v2.2.28...v2.2.29) (2018-10-09)

@@ -8,0 +24,0 @@

49

docs/basic.md

@@ -1,4 +0,5 @@

# RefreshControl demo
# RefreshControl 下拉刷新
* order: 0
- title_en: drop-down refresh

@@ -8,3 +9,49 @@ 下拉刷新

---
```js
<NukePlayGround>
// 完整 demo 请参考 ScrollView 组件的 Demo
//初始 state
constructor() {
super();
this.state={
isRefreshing: false,
refreshText: '↓ 下拉刷新',
data:[
//...省略部分代码
]
}
}
handleRefresh =()=>{
this.setState({
isRefreshing: true,
refreshText: '加载中',
});
// mock ajax 此处替换为你的 ajax 请求
setTimeout(() => {
this.setState({
isRefreshing: false,
data: [
// data 字段变更
],
refreshText: '↓ 下拉刷新',
});
}, 1000);
}
render(){
return(
<ScrollView>
<RefreshControl isRefreshing={this.state.isRefreshing} style={{width:750,height:100}} onRefresh={this.handleRefresh}>
<Text>{this.state.refreshText}</Text>
</RefreshControl>
{/* 此处为你的内容区域 */}
<ScrollView>
)
}
</NukePlayGround>
```
---
```js

@@ -11,0 +58,0 @@ /** @jsx createElement */

14

package.json
{
"name": "nuke-refresh-control",
"version": "2.2.29",
"version": "2.3.0",
"description": "下拉刷新组件",

@@ -43,8 +43,8 @@ "main": "lib/index",

"dependencies": {
"nuke-env": "^2.2.29",
"nuke-view": "^2.2.29"
"nuke-env": "^2.3.0",
"nuke-view": "^2.3.0"
},
"devDependencies": {
"nuke-scroll-view": "^2.2.29",
"nuke-text": "^2.2.29"
"nuke-scroll-view": "^2.3.0",
"nuke-text": "^2.3.0"
},

@@ -54,4 +54,4 @@ "publishConfig": {

},
"license": "Apache",
"gitHead": "0375bb11b20b155440e12aa572843944be7d8760"
"license": "Apache-2.0",
"gitHead": "454e1430a04b6e345edb1d2632b1e051408d070d"
}

@@ -9,2 +9,3 @@ # RefreshControl

## Design
RefreshControl is a sub component that can pull down and refresh, and the parent component can only be `<Scrollview>` or `<ListView>`.

@@ -60,7 +61,7 @@

Argument | Explanation | Type | Default
-----|-----|-----|-----
isRefreshing | show, or not | false|
onRefresh | refresh event | Function|
style | style must be declared wide, otherwise it may not be displayed | object|
| Argument | Description | Type | Default |
| ------------ | -------------------------------------------------------------- | -------- | ------- |
| isRefreshing | show, or not | false |
| onRefresh | refresh event | Function |
| style | style must be declared wide, otherwise it may not be displayed | object |

@@ -67,0 +68,0 @@

@@ -9,2 +9,3 @@ # RefreshControl

## 设计思路
RefreshControl 是一个能够实现下拉刷新的子组件,且父组件只能是 `<Scrollview>` 或 `<ListView>`。

@@ -65,1 +66,7 @@

## 其他
- bug、建议联系 <a href="dingtalk://dingtalkclient/action/sendmsg?dingtalk_id=kjwo3w5">@翊晨</a>
- 钉钉交流群
<img src="https://img.alicdn.com/tfs/TB101EESpXXXXXFXpXXXXXXXXXX-1122-1362.jpg" width="260" />
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc