react-native-gesture-handler/lib/module/components/Text.js

Declarative API exposing native platform touch and gesture system to React Native

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React, { forwardRef, useEffect, useRef } from 'react';
import { Platform, Text as RNText } from 'react-native';
import { Gesture, GestureDetector } from '../';
export const Text = /*#__PURE__*/forwardRef((props, ref) => {
  const {
    onPress,
    ...rest
  } = props;
  const textRef = useRef(null);
  const native = Gesture.Native().runOnJS(true);

  const refHandler = node => {
    textRef.current = node;

    if (ref === null) {
      return;
    }

    if (typeof ref === 'function') {
      ref(node);
    } else {
      ref.current = node;
    }
  };

  useEffect(() => {
    if (Platform.OS !== 'web') {
      return;
    }

    const textElement = ref ? ref.current : textRef.current; // At this point we are sure that textElement is div in HTML tree

    textElement === null || textElement === void 0 ? void 0 : textElement.setAttribute('rnghtext', 'true');
  }, []);
  return /*#__PURE__*/React.createElement(GestureDetector, {
    gesture: native
  }, /*#__PURE__*/React.createElement(RNText, _extends({
    onPress: onPress,
    ref: refHandler
  }, rest)));
}); // eslint-disable-next-line @typescript-eslint/no-redeclare
//# sourceMappingURL=Text.js.map