question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React Native Web support?

See original GitHub issue

Does this library work with React Native Web? It doesn’t work with this simple Expo Snack: https://snack.expo.io/@jamesweblondon/intelligent-yogurt

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import Tooltip from 'rn-tooltip';


export default function App() {
  return (
    <View style={styles.container}> 
      <Tooltip 
        width={200}
        containerStyle={{width: 200, height: 100, backgroundColor: 'gold'}}
        popover={<Text>Info here</Text>}>
        <Text>Press me</Text>
      </Tooltip>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

Screenshot 2020-09-24 at 10 12 58

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
neerajkh96commented, Feb 3, 2021

Added PR https://github.com/AndreiCalazans/rn-tooltip/pull/65 to support hover events for tooltip in react-native-web.

0reactions
AndreiCalazanscommented, Jul 9, 2022

It’s not in my intention to extend this library to support web. Feel free to fork it and use your own version. Thank you for understanding.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Introduction to React Native for Web
React Native for Web is a compatibility layer between React DOM and React Native. It can be used in new and existing apps,...
Read more >
The complete guide to React Native for Web - LogRocket Blog
Create React App is the standard way to bootstrap web-only React applications. Although it comes with built-in support for aliasing react-native ...
Read more >
necolas/react-native-web: Cross-platform React UI packages
This is the development monorepo for "React Native for Web" and related projects. Structure .github. Contains workflows used by GitHub Actions. Contains issue ......
Read more >
React Native · Learn once, write anywhere
React Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set of platform agnostic native...
Read more >
react-native-web - npm
"React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM. Documentation. The documentation ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found