Closed SukumarRN7 closed 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
ToolTipComponent
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.
Please help me if i have missed anything. Have wrapped the <PortalProvide> as mentioned in docs.
<PortalProvide>
Should be fixed in v0.3.0
v0.3.0
Hii I was trying this package and am facing issue in running this.
I have created a
ToolTipComponent
code is as belowUsage. :
getting this error.
Please help me if i have missed anything. Have wrapped the
<PortalProvide>
as mentioned in docs.