Add new prop "interactionManagerTimeout"

README.md

@@ -90,6 +90,7 @@ The tooltip wraps an element _in place_ in your React Native rendering. When it
 | topAdjustment          | number         | 0                                   | Value which provides additional vertical offest for the child element displayed in a tooltip. Commonly set to: `Platform.OS === 'android' ? -StatusBar.currentHeight : 0` due to an issue with React Native's measure function on Android
 | horizontalAdjustment          | number         | 0                                   | Value which provides additional horizontal offest for the child element displayed in a tooltip. This is useful for adjusting the horizontal positioning of a highlighted child element if needed
 | useInteractionManager | bool | false | Set this to true if you want the tooltip to wait to become visible until the callback for `InteractionManager.runAfterInteractions` is executed. Can be useful if you need to wait for navigation transitions to complete, etc. [See docs on InteractionManager here](https://facebook.github.io/react-native/docs/interactionmanager)
+| interactionManagerTimeout | number | undefined | In some rare cases `InteractionManager.runAfterInteractions` is not executed. This can be useful to trigger the measurement after a maximal amount of time (in milliseconds).
 | useReactNativeModal | bool| true | By default, this library uses a `<Modal>` component from React Native. If you need to disable this, and simply render an absolutely positioned full-screen view, set `useReactNativeModal={false}`. This is especially useful if you desire to render a Tooltip while you have a different `Modal` rendered.
 
 ### Style Props

src/tooltip.d.ts

@@ -46,7 +46,7 @@ declare module 'react-native-walkthrough-tooltip' {
     childrenWrapperStyle?: StyleProp<ViewStyle>;
 
     // Styles the view element that wraps the original children
-    parentWrapperStyle?: StyleProp<ViewStyle>
+    parentWrapperStyle?: StyleProp<ViewStyle>;
   }
 
   export interface TooltipProps extends Partial<TooltipStyleProps> {
@@ -105,6 +105,12 @@ declare module 'react-native-walkthrough-tooltip' {
      */
     useInteractionManager?: boolean;
 
+    /**
+     * In some rare cases InteractionManager.runAfterInteractions is not executed. This can be useful
+     * to trigger the measurement after a maximal amount of time (in milliseconds).
+     */
+    interactionManagerTimeout?: number;
+
     /**
      * When false, will not use a React Native Modal component to display tooltip,
      * but rather an absolutely positioned view

src/tooltip.js

@@ -105,6 +105,7 @@ class Tooltip extends Component {
     showChildInTooltip: PropTypes.bool,
     supportedOrientations: PropTypes.arrayOf(PropTypes.string),
     useInteractionManager: PropTypes.bool,
+    interactionManagerTimeout: PropTypes.number,
     useReactNativeModal: PropTypes.bool,
     topAdjustment: PropTypes.number,
     horizontalAdjustment: PropTypes.number,
@@ -294,7 +295,19 @@ class Tooltip extends Component {
       if (this.interactionPromise) {
         this.interactionPromise.cancel();
       }
+
+      let interactionTimeout;
+      if (this.props.interactionManagerTimeout !== undefined) {
+        // Make sure doMeasurement runs, also if runAfterInteractions doesn't run (rare case)
+        interactionTimeout = setTimeout(() => {
+          doMeasurement();
+        }, this.props.interactionManagerTimeout);
+      }
+
       this.interactionPromise = InteractionManager.runAfterInteractions(() => {
+        if (interactionTimeout) {
+          clearTimeout(interactionTimeout);
+        }
         doMeasurement();
       });
     } else {