https://github.com/astrocoders/react-native-tooltip-view

A deadly simple tooltip view that you can put whatever you want :tada:
https://github.com/astrocoders/react-native-tooltip-view

react react-native recompose styled-components

Last synced: about 3 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/astrocoders/react-native-tooltip-view
• Owner: Astrocoders
• License: mit
• Created: 2017-07-04T01:33:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-24T02:24:11.000Z (about 7 years ago)
• Last Synced: 2024-11-09T18:07:48.506Z (8 days ago)
• Topics: react, react-native, recompose, styled-components
• Language: JavaScript
• Homepage:
• Size: 115 KB
• Stars: 17
• Watchers: 8
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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 (

     }

      // 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

      )}

    

  )

}

```