@nguyentc21/react-native-tooltip
Version:
Simple tooltip for React native app
56 lines (41 loc) • 1.13 kB
Markdown
Simple tooltip for React native app
```sh
yarn add @nguyentc21/react-native-tooltip
```
This Tooltip is built on [@nguyentc21/react-native-modal-view](https://github.com/nguyentc21/react-native-modal-view). So you must install it first.
```tsx
import Tooltip from '@nguyentc21/react-native-tooltip';
// ...
export function NiceView(props: Props) {
// ...
return (
<>
{/* ... */}
<Tooltip
// disabled
placement="bottom"
content={
<Text style={[styles.text, { color: colors.RED40 }]}>
Tooltip message.
</Text>
}
>
<View style={{ padding: 20, backgroundColor: '#fff' }}>
<Text>Press me to see the tooltip!</Text>
</View>
</Tooltip>
{/* ... */}
</>
);
}
```
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
MIT
---
Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)