❇ Introduction

React Native component that displays a full-width tooltip, being possible to be personalized.

🖼 Gallery

❓ How to use

1. Install the component

$ npm install --save @wniemiec-component-reactnative/full-tooltip

2. Import the component

import FullTooltip from '@wniemiec-component-reactnative/full-tooltip';

3. Use it

[...]

import React, { useState } from 'react';
import { View } from 'react-native;

[...]

const image = { uri: "https://reactjs.org/logo-og.png" };

[...]

<SafeAreaView style={{ display: 'flex', flex: 1, justifyContent: 'center', alignItems: 'center' }}>
  <ImageBackground source={image} resizeMode="cover" style={{flex: 1, width: '100%',justifyContent: "center"}}>
  
  <FullTooltip style={{marginTop: 310}}>
	<Text style={{color: 'white'}}>Some text</Text>
  </FullTooltip>
  
  </ImageBackground>
</SafeAreaView>

[...]

📖 Documentation

| Property |Type|Description|Default| |----------------|-------------------------------|-----------------------------|--------| |display |boolean|Tooltip content | true | |style |bool|Custom style | null | |bgColor |string|Background color |"rgba(0, 0, 0, 0.7)"|

🚩 Changelog

Details about each version are documented in the releases section.

🤝 Contribute!

See the documentation on how you can contribute to the project here.

📁 Files

/

| Name |Type|Description| |----------------|-------------------------------|-----------------------------| |docs |Directory|Documentation files| |src |Directory| Source files|