Simple, lightwweight and blazing fast react native tooltip

Expo App if you want to try it out: https://expo.io/@andreixoc/RNTooltipTester

Code for the Expo app is here: https://github.com/andreiCalazans/rnTooltipTester

yarn add rn-tooltip

or

npm install rn-tooltip --save

import { Text } from 'react-native';
import Tooltip from 'rn-tooltip';

...

<Tooltip popover={<Text>Info here</Text>}>
  <Text>Press me</Text>
</Tooltip>

• backgroundColor
• containerStyle
• height
• highlightColor
• onClose
• onOpen
• pointerColor
• popover
• toggleOnPress
• width
• withOverlay
• overlayColor
• withPointer
• toggleWrapperProps

sets backgroundColor of the tooltip and pointer.

Passes style object to tooltip container

Tooltip container height. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container.

Color to highlight the item the tooltip is surrounding.

function which gets called on closing the tooltip.

function which gets called on opening the tooltip.

Color of tooltip pointer, it defaults to the backgroundColor if none is passed .

Component to be rendered as the display container.

Flag to determine to toggle or not the tooltip on press.

Tooltip container width. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container.

Flag to determine whether or not dislay overlay shadow when tooltip is open.

Sets backgroundColor of the overlay.

Flag to determine whether or not dislay pointer.

Drills TouchableOpacity Props down to the TouchableOpacity wrapper that toggles the Tooltip.

MIT Licensed