RNTooltipsModule.java

package px.tooltips;

import android.app.Activity;
import android.graphics.Color;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReadableMap;
import com.facebook.react.uimanager.UIManagerModule;
import com.facebook.react.uimanager.UIBlock;
import com.facebook.react.uimanager.NativeViewHierarchyManager;
import com.github.florent37.viewtooltip.ViewTooltip;

public class RNTooltipsModule extends ReactContextBaseJavaModule {

  private final ReactApplicationContext reactContext;
  private Callback _onHide = null;
  private ViewTooltip tooltip;

  public RNTooltipsModule(ReactApplicationContext reactContext) {
    super(reactContext);
    this.reactContext = reactContext;
  }

  @Override
  public String getName() {
    return "RNTooltips";
  }

  @ReactMethod
  public void Show(final int targetId, final int parentId, final ReadableMap props, final Callback onHide) {
      this.reactContext.getNativeModule(UIManagerModule.class).prependUIBlock(new UIBlock() {

        @Override
        public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {

          final ViewGroup target = (ViewGroup) nativeViewHierarchyManager.resolveView(targetId);

          reactContext.runOnUiQueueThread(new Runnable() {
            @Override
            public void run() {
              if (target == null) {
                // it is possible that target end up being NULL
                // when findNodeHandle returns the wrong tag, findViewById won't be able to retrieve the view
                // there was an issue opened related to this problem 2 years ago, but it has never been fixed
                // https://github.com/facebook/react-native/issues/10385
                return;
              }

              _onHide = onHide;

              String text = props.getString("text");
              int position = props.getInt("position");
              int align = props.getInt("align");
              boolean autoHide = props.getBoolean("autoHide");
              int duration = props.getInt("duration");
              boolean clickToHide = props.getBoolean("clickToHide");
              int corner = props.getInt("corner");
              String tintColor = props.getString("tintColor");
              String textColor = props.getString("textColor");
              int textSize = props.getInt("textSize");
              int gravity = props.getInt("gravity");
              boolean arrow = props.getBoolean("arrow");
              boolean shadow = props.getBoolean("shadow");

              // parent reference is not required
              // ViewTooltip.on can retrieve the parent Context by itself
              tooltip = ViewTooltip.on(target);
              tooltip = tooltip.text(text);

              if (!arrow) {
                tooltip.arrowHeight(0);
                tooltip.arrowWidth(0);
              }

              if (position == 1) {
                tooltip = tooltip.position(ViewTooltip.Position.LEFT);
              } else if (position == 2) {
                tooltip = tooltip.position(ViewTooltip.Position.RIGHT);
              } else if (position == 3) {
                tooltip = tooltip.position(ViewTooltip.Position.TOP);
              } else if (position == 4) {
                tooltip = tooltip.position(ViewTooltip.Position.BOTTOM);
              }

              if (align == 1) {
                tooltip = tooltip.align(ViewTooltip.ALIGN.START);
              } else if (align == 2) {
                tooltip = tooltip.align(ViewTooltip.ALIGN.CENTER);
              } else if (align == 3) {
                tooltip = tooltip.align(ViewTooltip.ALIGN.END);
              }

              tooltip = tooltip.autoHide(autoHide, duration);
              tooltip = tooltip.clickToHide(clickToHide);
              tooltip = tooltip.corner(corner);
              tooltip = tooltip.color(Color.parseColor(tintColor));
              tooltip = tooltip.textColor(Color.parseColor(textColor));
              tooltip = tooltip.textSize(TypedValue.COMPLEX_UNIT_SP, textSize);
              tooltip = tooltip.setTextGravity(gravity);
              tooltip = tooltip.withShadow(shadow);

              tooltip.onHide(new ViewTooltip.ListenerHide() {
                @Override
                public void onHide(View view) {
                  if (_onHide != null) {
                    _onHide.invoke();
                    _onHide = null;
                  }

                  return;
                }
              });

              tooltip.show();
            }

          });
        }
      });
  }

  @ReactMethod
  public void Dismiss(final int view) {
    reactContext.runOnUiQueueThread(new Runnable() {
      @Override
      public void run() {
        if (tooltip == null) {
          return;
        }

        tooltip.close();
        tooltip = null;
      }
    });
  }
}