react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
33 lines (32 loc) • 1.54 kB
JSON
{
"name": "TouchableOpacity",
"category": "basic",
"description": "A wrapper for TouchableOpacity component. Support onPress, throttling and activeBackgroundColor",
"extends": ["TouchableOpacity"],
"extendsLink": ["https://reactnative.dev/docs/touchableopacity"],
"modifiers": ["margins", "paddings", "alignments", "background", "borderRadius"],
"example": "https://github.com/wix/react-native-ui-lib/blob/master/src/components/touchableOpacity/index.tsx",
"images": ["https://media.giphy.com/media/xULW8AMIgw7l31zjm8/giphy.gif"],
"props": [
{"name": "backgroundColor", "type": "string", "description": "Background color for TouchableOpacity"},
{"name": "throttleTime", "type": "number", "description": "Throttle time in MS for onPress callback"},
{"name": "throttleOptions", "type": "ThrottleOptions", "description": "Throttle options"},
{
"name": "activeBackgroundColor",
"type": "string",
"description": "Apply background color on TouchableOpacity when active (press is on)"
},
{
"name": "useNative",
"type": "boolean",
"description": "Should use an enhanced native implementation with extra features"
},
{
"name": "customValue",
"type": "any",
"description": "Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback"
},
{"name": "style", "type": "ViewStyle", "description": "Custom style"},
{"name": "onPress", "type": "(props) => void", "description": "On press callback"}
]
}