Skip to content

Releases: jasongaare/react-native-walkthrough-tooltip

Version 1.0.3

17 Sep 17:03
a949c13
Compare
Choose a tag to compare
  • fixes an issue where the adjustedContentSize was sometimes not calculated, and thus the opacity of the tooltip content bubble was never set to 1

Version 1.0.2

03 Sep 19:47
Compare
Choose a tag to compare
  • Added the childContentSpacing prop to provide more control over how far the arrow and tooltip content is rendered from the duplicate child

Version 1.0.1

28 Aug 15:47
e9896b3
Compare
Choose a tag to compare
  • Added better support for displayInsets by wrapping the content with the background view, and adding padding to that view.

Version 1.0 🎉

28 Aug 15:46
e16981e
Compare
Choose a tag to compare

Breaking Changes in Version 1.0

For Version 1.0, the library was refactored and simplified.

  • No more animated prop - if you want to have your tooltips animated, use the last stable version: 0.6.1. Hopefully animations can be added again in the sure (great idea for a PR!)
  • No more displayArea and childlessPlacementPadding props - these have been replaced with the displayInsets prop, which allows you to simply declare how many pixels in from each side of the screen to inset the area the tooltip may display.
  • Tooltips are now bound by the displayInsets - before if your content was larger than the displayArea prop, the tooltip would render outside of the display area. Now the tooltip should always resize to be inside the display area as defined by the displayInsets prop
  • Removed the "auto" option for placement - you must now specify a direction
  • Added the "center" option for childless placement - option to center the tooltip within the bounds of the displayInsets when it does not point to a child
  • Added useReactNativeModal prop - this allows you to enable/disable the usage of React Native's Modal component to render the tooltip content. It is true by default.

Changes to handling users pressing the tooltip child element:

  • No more onChildPress and onChildLongPress props - touches are now passed to the child by default. This allows you to maintain the original functionality of the child element. Further, the tooltip will also automatically dismiss on interaction with the child element.
  • Added closeOnChildInteraction prop - if you want the user to be able to interact with the child element, but not automatically dismiss the tooltip when they do so, set this to false (true by default)
  • Added allowChildInteraction prop - if you'd like to disable interaction with the child element, set this to false (true by default). When false, tapping on the child element will call onClose as if the user touched the background element.

Fixed displaying arrow on Android

03 May 16:40
Compare
Choose a tag to compare

Previously, the arrow for the tooltip was only displaying on iOS. This fixes that!