@nguyentc21/react-native-tooltip

Simple tooltip for React native app

Installation

yarn add @nguyentc21/react-native-tooltip

This Tooltip is built on @nguyentc21/react-native-modal-view. So you must install it first.

yarn add @nguyentc21/react-native-modal-view

Usage

import ModalSection from '@nguyentc21/react-native-modal-view';
// ...
const App = () => {
  return (
    // ...
    <ModalSection // should be on bottom
      enable
    />
  );
};
// ...

import Tooltip from '@nguyentc21/react-native-tooltip';
// ...
export function NiceView(props: Props) {
  // ...
  return (
    // ...
    <Tooltip
      placement="bottom"
      content={
        <Text
          style={[styles.text, { color: colors.RED40, textAlign: 'center' }]}
        >
          Tooltip content.
        </Text>
      }
    >
      <Text>Press me to see the tooltip!</Text>
    </Tooltip>
  );
}
// ...

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