Adjustable As Well As User Friendly Tooltip For React Indigenous

A user friendly, personalized, rather tidy tooltip element for React Indigenous.

Exactly how to utilize it:

1. Mount and also import the tooltip element.

 # NPM

. $ npm i react-native-tooltip-2

 import Tooltip from "react-native-tooltip-2";

2. Affix the tooltip to an element.

<< Tooltip

. isVisible= {toolTipVisible} 

.  > Inspect this out! }

. positioning= {
Placement.TOP} 
. onClose= {() => setToolTipVisible( incorrect)}
> 
. < Pressable 
. 
design= {styles.button} 
. onPress= {() => setToolTipVisible( real)}
<> 
. < Text>
> Press me  
.
< 
. 

3. Readily available element props.

 isVisible: boolean;

. onClose: () => > space;

. web content?: any type of;

.
youngsters?: any type of;

. modalComponent?: any type of;

. obtainable?: boolean
;

. topAdjustment?: number;

. disableShadow?: boolean
;

. backgroundColor?: string;

. childContentSpacing?: number;

. showChildInTooltip?: boolean;

. useReactNativeModal?: boolean; 
. horizontalAdjustment?: number;

. allowChildInteraction?: boolean; 
. useInteractionManager?: boolean; 
. supportedOrientations?: string[]; 
. closeOnChildInteraction?: boolean; 
. closeOnContentInteraction?: boolean; 
. closeOnBackgroundInteraction?: boolean; 
. arrowSize?: Dimension;
/
/ {size: 16, elevation: 8} 

. positioning?: Positioning;// leading, lower, left, right, facility

. displayInsets?: PlacementType;// {top: 24, base: 24, left: 24, right: 24} 

. design?: StyleProp<< ViewStyle>>;

. contentStyle?: StyleProp<< ViewStyle>>;

. backgroundStyle?: StyleProp<< ViewStyle>>;

. parentWrapperStyle?: StyleProp<< ViewStyle>>;

.
childrenWrapperStyle?: StyleProp<< ViewStyle>>;

Sneak Peek:

Download And Install Information:

Writer: WrathChaos

Live Trial: Sight The Trial

Download And Install Web Link: Download And Install The Resource Code

Authorities Internet Site: https://github.com/WrathChaos/react-native-tooltip-2

Permit: MIT