Stringsaeed / react-native-tooltiplize

react native tooltip like never before, using leading packages like react-native-reanimated v2, framer-motion, and @gorhom/portal
MIT License
35 stars 1 forks source link

TypeError : React.userId is not a function #7

Closed SukumarRN7 closed 1 year ago

SukumarRN7 commented 1 year ago

Hii I was trying this package and am facing issue in running this.

I have created a ToolTipComponent code is as below

import Tooltip from 'react-native-tooltiplize';
import React, {useState} from 'react';
import {Text, TouchableOpacity} from 'react-native';
import styles from './styles';
import {Portal} from '@gorhom/portal';

interface ToolTipProps {}

const ToolTipComponent: React.FC<ToolTipProps> = ({children}) => {
  const [isVisible, toggle] = useState<boolean>(true);

  const renderContent = React.useCallback(() => {
    return (
      <TouchableOpacity style={styles.tooltipContainer} onPress={() => toggle(!isVisible)}>
        <Text style={styles.tooltipText}>Welcome to React Native Tooltiplize 🥳</Text>
      </TouchableOpacity>
    );
  }, []);

  return (
    <Tooltip
      position="bottom"
      offset={8}
      renderContent={renderContent}
      isVisible={isVisible}
      withOverlay
      onDismiss={() => toggle(false)}
      //   pointerStyle={styles.pointer}
      pointerColor="green">
      {children}
    </Tooltip>
  );
};

export default ToolTipComponent;

Usage. :

<ToolTipComponent>
    <TouchableOpacity style={[styles.meetingDetail]} onPress={props.onPressMeetingDetail}>
      <Animated.Text style={[styles.btnTitle, styles.meetingDetailText, animatedTextStyles]}>
        TEST
      </Animated.Text>
    </TouchableOpacity>
 </ToolTipComponent>

getting this error.

Simulator Screen Shot - iPhone 13 - 2022-11-08 at 12 44 27

Please help me if i have missed anything. Have wrapped the <PortalProvide> as mentioned in docs.

Stringsaeed commented 1 year ago

Should be fixed in v0.3.0