nuke-touchable
Advanced tools
Comparing version 0.0.1 to 0.0.2
# Changelog | ||
## 0.0.2 / 2017-06-02 | ||
* [[e3773fe](http://gitlab.alibaba-inc.com/nuke/touchable/commit/e3773fe89f9268000ea30d3eb4b27f6a514caa7d)] - `docs` update readme | ||
## 0.0.1 / 2017-05-17 | ||
* [[ebee386](http://gitlab.alibaba-inc.com/nuke/touchable/commit/ebee386f70109afad6da7a214c9eab023cd31ef7)] - `feat` add touchable |
{ | ||
"name": "nuke-touchable", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "可点击容器", | ||
@@ -5,0 +5,0 @@ "main": "lib/index", |
@@ -1,9 +0,3 @@ | ||
> **组件文档请参考: [next 组件书写规范](next/next-bin#1)** | ||
# Touchable | ||
**以下是标准 README 的内容** | ||
----------------- | ||
# NukeTouchable | ||
- category: Components | ||
@@ -15,12 +9,16 @@ - chinese: 可点击容器 | ||
Touchable 定义简单的 touch 事件。 | ||
## API | ||
参数 | 说明 | 类型 | 默认值 | ||
-----|-----|-----|----- | ||
trigger | 触发元素 | Element| | ||
triggerType | 触发行为,可选 `hover/click` | String| hover | ||
align | 气泡框位置,可选 `t,r,b,l,tl,tr,rt,rb,bl,br,lt,lb` | String| t | ||
closable | 是否有关闭按钮 |Boolean | true | ||
visible | 用于手动控制浮层显隐 | Boolean | false | ||
onClose | 关闭时触发回调 | Function | | ||
afterClose | 关闭后触发回调 | Function | false | ||
属性 | 说明 | 类型 | 默认值 | ||
-----|-----|-----|------ | ||
onPress | 点击事件 | function(e) | | ||
activeStyle | 手指按下时的样式 | object | | ||
使用示例: | ||
```javascript | ||
<Touchable style={{backgroundColor:'#3089dc',height:'80rem',justifyContent:'center',alignItems:'center'}} activeStyle={{backgroundColor:'#cccccc'}}>Hello Nuke</Touchable> | ||
``` |
8620
24