0.1.0 • Published 5 months ago
react-native-reanimated-tooltip v0.1.0
react-native-reanimated-tooltip
Tooltip for React Native using React Native Reanimated and Modal
Installation
npm install react-native-reanimated @gorhom/portal react-native-reanimated-tooltip
Usage
import { PortalProvider } from '@gorhom/portal';
import React from 'react';
import { Text, Button } from 'react-native';
import { Tooltip } from 'react-native-reanimated-tooltip';
import { FadeOut, FadeIn } from 'react-native-reanimated';
const [visible, setVisible] = React.useState(false);
<PortalProvider>
<Tooltip
content={
<Text>Tooltip</Text>
}
visible={visible}
onPress={() => {
setVisible(false);
}}
entering={FadeIn}
exiting={FadeOut}
>
<Button
title="Toggle tooltip"
onPress={() => {
setVisible(true);
}}
/>
</Tooltip>
</PortalProvider>
Configuration
Check TooltipProps
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with create-react-native-library
0.1.0
5 months ago
0.1.0-beta.10
6 months ago
0.1.0-beta.9
6 months ago
0.1.0-beta.8
6 months ago
0.1.0-beta.7
6 months ago
0.1.0-beta.6
6 months ago
0.1.0-beta.5
6 months ago
0.1.0-beta.4
6 months ago
0.1.0-beta.3
6 months ago
0.1.0-beta.2
6 months ago
0.1.0-beta.1
6 months ago
0.1.0-beta.0
6 months ago