react-native-tooltip-view

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #llm #go #machine-learning #deep-learning #linux #java #awesome #cli #security #open-source

react-native-tooltip-view

(★ 17)

A deadly simple tooltip view that you can put whatever you want :tada:

react-native-tooltip-view Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-tooltip-view
A dead simple tooltip view that you can populate yourself

## Installation
```
$ yarn add react-native-tooltip-view
```
Be aware that this package depends on recompose and styled-components are peer dependencies.
So if you aren't using them install with:
```
$ yarn add recompose styled-components
```
And you should totally give a try with those awesome packages!

## Demo
![alt text](https://github.com/Astrocoders/react-native-tooltip-view/raw/master/view.gif "React Native ToolTipView")

## Usage

```js
import TooltipView from 'react-native-tooltip-view'
...

function Foo() {
  return (
    <TooltipView
      // `trigger` is what you want to be tapped by the user to toggle the tooltip visibility
      trigger={onPress => <RoundedIcon name="plus" size={20} roundSize={30} onPress={onPress} />}
      // you can pass an optional width for the tooltip
      width={200}
      // and also an optional background
      backgroundColor="#f9f9f9"
      // `triangleStyle`={{}} to style the little triangle
      // and any valid View props
    >
      {setMenuVisibility => (
        // anything you want in here
      )}
    </TooltipView>
  )
}
```

react-native-tooltip-view

react-native-tooltip-view Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-tooltip-view

react-native-tooltip-view Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README