native-touchable

KO | EN

gitlite — search

#python #react #ai #golang #rust #deep-learning #linux #docker #java #awesome #awesome-list #security #ios #openai

native-touchable

(★ 8)

📱☝️React Native Touchable with native look & feel

native-touchable 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Native Touchable for React Native

implements a look and feel for Touchables in React Native. It display material design ripples on Android, and Opacity effect on iOS.

> this Touchable isn't native, it's a fork of [react-native-material-ripple](https://www.npmjs.com/package/react-native-material-ripple) by [@n4kz](https://github.com/n4kz)

### install
`npm i -s native-touchable`

### implementation
```js
import Touchable from 'native-touchable'

render () {
  return (
    <View>
      
      <Touchable onPress={ ... }>
        <Text>Do something!</Text>
      </Touchable>
      
    </View>
  )
}
```

# props

This component inherits from `TouchableOpacity` and can use all [his props](https://facebook.github.io/react-native/docs/touchableopacity#props) (`onPress`, `onPressIn`, `activeOpacity`, etc.), btw can use all props from [@n4kz/react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple) too. But I decide to rename some props just for confortability.

| prop     | type    | default                                       | description                                 |
|----------|---------|-----------------------------------------------|---------------------------------------------|
| waves    | boolean | `true` in Android, `false` in iOS             | force ripple render on iOS                  |
| size     | number  | 0 (means auto size)                           | wave size, when it's 0 size is calc in auto |
| hint     | string  | #000                                          | wave color                                  |
| alpha    | number  | 0.3                                           | wave opacity                                |
| radius   | number  | calc from styles `borderRadius` property or 0 | border radius from wave overflow container  |
| centered | boolean | false                                         | ripple always starts from center            |
| duration | number  | 600                                           | ripple duration in ms                       |

native-touchable

native-touchable 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

native-touchable

native-touchable 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README