Add two features

1. Work with text with transparent background. 2. Respond to press event.
wookoinc · May 24, 2017 · b8cb99a · b8cb99a
1 parent 94359a2
commit b8cb99a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-popover-tooltip",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "ReactNative component showing tooltip with menu items.",
   "main": "src/index.js",
   "scripts": {

diff --git a/src/index.js b/src/index.js
@@ -39,6 +39,13 @@ class PopoverTooltip extends React.Component {
     this.hideModal = this.hideModal.bind(this);
   }
 
+  componentWillMount() {
+    this.setState({opposite_opacity: this.state.opacity.interpolate({
+      inputRange: [0, 1],
+      outputRange: [1, 0]
+    })});
+  }
+
   toggleModal() {
     const { isModalOpen } = this.state;
     this.setState({ isModalOpen: !isModalOpen });
@@ -79,11 +86,14 @@ class PopoverTooltip extends React.Component {
       <TouchableOpacity
         ref={component => this._component_wrapper = component}
         style={[componentWrapperStyle]}
+        onPress={this.props.onPress}
         onLongPress={this.toggle.bind(this)}
         delayLongPress={100}
         activeOpacity={1.0}
       >
-        {buttonComponent}
+        <Animated.View style={{opacity:this.state.opposite_opacity}}>
+          {buttonComponent}
+        </Animated.View>
         <Modal
           visible={this.state.isModalOpen}
           transparent