JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3993
  • Score
    100M100P100Q122996F
  • License ISC

Like TouchableOpacity, but scale.

Package Exports

  • react-native-touchable-scale
  • react-native-touchable-scale/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-touchable-scale) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Animated touchable component.

Props Required Default Value
TouchableWithoutFeedback props...
style style No
defaultScale number No 1
activeScale number No 0.9
tension number No 150
friction number No 3
pressInTension number No
pressInFriction number No
pressOutTension number No
pressOutFriction number No
useNativeDriver boolean No true

Install

npm install --save react-native-touchable-scale

Usage

import TouchableScale from 'react-native-touchable-scale';

const Button = function(props) {
    return (
        <TouchableScale
            style={style.button}
            onPress={props.onPress}
            activeScale={0.7}
        >
            {props.children}
        </TouchableScale>
    );
};