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.

Compatibility with react-native-web

See original GitHub issue

Hey there! 🙋 This calendar module looks awesome. We would like to use it in our react-native-web project but are running into an issue because of the .ios and .android file extensions for some of the assets. My suggestion is to provide a default for these assets so our Webpack build can resolve them.

The files that are giving us trouble are:

  • src/calendar/img/previous.png
  • src/calendar/img/next.png
  • src/agenda/style.js

If you add these files, then we should be good to go! The only question now is whether we use iOS or Android styling as the default for the web - what do you all think?

cc @kkemple

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:4
  • Comments:18 (12 by maintainers)

github_iconTop GitHub Comments

7reactions
necolascommented, May 30, 2018

FWIW, tintColor will be supported in react-native-web@0.8.0

2reactions
tautvilascommented, May 25, 2017

Hi! Thanks for PR it is really nice to see this component working on web too. I will look at your PR when I have time, does not look like there should be problems to merge it. Just since we are not using react-native-web it is possible that one day we will again introduce something non-compatible. Also what do you think of changing leftArrow rightArrow params to single param renderArrow that gets rendering function as param. Because we have similar convention for other components override e.g. renderKnob

function renderArrow(direction) {
   if (direction === 'left') { return (<LeftArrow />) } else return (<RightArrow />);
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native compatibility // React Native for Web
React Native for Web provides compatibility with the vast majority of React Native's JavaScript API. Features deprecated in React Native ...
Read more >
The complete guide to React Native for Web - LogRocket Blog
React Native for Web provides browser-compatible equivalents of React Native components. For example, if a <View> is used to render views in ...
Read more >
React Native For Web Is What You Need For Your Multiplatform
Both React.js and React Native for web are developed by Facebook and both play a crucial role in mobile and web development owing...
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-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 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