From ab8dfa0c21e531ee1cd57dc693dbd134a97096b9 Mon Sep 17 00:00:00 2001 From: Weslley Nascimento Rocha Date: Mon, 21 Jan 2019 16:10:37 -0200 Subject: [PATCH 1/2] Update index.js --- src/index.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/index.js b/src/index.js index 3f45312..d63ac92 100644 --- a/src/index.js +++ b/src/index.js @@ -46,6 +46,7 @@ type Props = { timingConfig?: { duration?: number }, springConfig?: { tension?: number, friction?: number }, opacityChangeDuration?: number, + showTriangle?: bool, }; type State = { isModalOpen: bool, @@ -92,6 +93,7 @@ class PopoverTooltip extends React.PureComponent { timingConfig: PropTypes.object, springConfig: PropTypes.object, opacityChangeDuration: PropTypes.number, + showTriangle: PropTypes.bool, }; static defaultProps = { buttonComponentExpandRatio: 1.0, @@ -100,6 +102,7 @@ class PopoverTooltip extends React.PureComponent { setBelow: false, delayLongPress: 100, triangleOffset: 0, + showTriangle: true }; wrapperComponent: ?TouchableOpacity; @@ -328,14 +331,14 @@ class PopoverTooltip extends React.PureComponent { onLayout={this.onInnerContainerLayout} style={styles.innerContainer} > - {triangleUp} + {this.props.showTriangle && triangleUp} {items} - {triangleDown} + {this.props.showTriangle && triangleDown} From 1eb5e2074793e86b8405e55e55357892dcca6a6c Mon Sep 17 00:00:00 2001 From: Weslley Rocha Date: Mon, 21 Jan 2019 16:53:45 -0200 Subject: [PATCH 2/2] updated readme --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1e47fff..19532fb 100644 --- a/README.md +++ b/README.md @@ -200,6 +200,7 @@ class App extends React.Component { | buttonComponentExpandRatio | `number` | 1.0 | Ratio of button component expansion after tooltip poped up. | setBelow | `Boolean` | false | Sets the default position of the tooltip to appear below the intended target. | triangleOffset | `Number` | 0 | Number of pixels to offset triangle from center. Positive numbers will push right. Negative Numbers will push left. +| showTriangle | `Boolean` | true | Optional. Set this to false if you want to hide the triangle. ## Methods: