mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-28 12:24:51 +08:00
60 lines
1.1 KiB
Markdown
60 lines
1.1 KiB
Markdown
# Touchable
|
|
|
|
## Props
|
|
|
|
**activeHighlight** string
|
|
|
|
Sets the color of the background highlight when `onPressIn` is called. The
|
|
highlight is removed when `onPressOut` is called. Default: `transparent`.
|
|
|
|
**activeOpacity** number
|
|
|
|
Sets the opacity of the child view when `onPressIn` is called. The opacity is
|
|
reset when `onPressOut` is called. Default: `1`.
|
|
|
|
**component** function or string
|
|
|
|
The backing component. Default: `div`.
|
|
|
|
**delayLongPress** number
|
|
|
|
Delay in ms, from `onPressIn`, before `onLongPress` is called. Default: `1000`.
|
|
|
|
**delayPressIn** number (TODO)
|
|
|
|
Delay in ms, from the start of the touch, before `onPressIn` is called. Default: `0`.
|
|
|
|
**delayPressOut** number (TODO)
|
|
|
|
Delay in ms, from the release of the touch, before `onPressOut` is called. Default: `0`.
|
|
|
|
**onLongPress** function
|
|
|
|
**onPress** function
|
|
|
|
**onPressIn** function
|
|
|
|
**onPressOut** function
|
|
|
|
## Examples
|
|
|
|
```js
|
|
import React, { Touchable } from 'react-native-web'
|
|
|
|
const { Component, PropTypes } = React;
|
|
|
|
class Example extends Component {
|
|
static propTypes = {
|
|
}
|
|
|
|
static defaultProps = {
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Touchable />
|
|
)
|
|
}
|
|
}
|
|
```
|