It appears that web window.screen.width and window.innerWidth have some unreliable behaviour on desktop, e.g. when resizing a window to mobile width, and on a mobile device, where the viewport is artificial, but innerWidth isn't.
I've implemented a hack with a comparison operator, but this needs to be tested, and needs feedback.
This deviates from using react-native-web, which uses window.innerHeight and window.innerWidth, which in my testing seem to not render density independent pixels, as they do on React Native: https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/exports/useWindowDimensions/index.js#L19 . So maybe this should be raised as an issue there?
It appears that web
window.screen.widthandwindow.innerWidthhave some unreliable behaviour on desktop, e.g. when resizing a window to mobile width, and on a mobile device, where the viewport is artificial, butinnerWidthisn't.I've implemented a hack with a comparison operator, but this needs to be tested, and needs feedback.
This deviates from using
react-native-web, which useswindow.innerHeightandwindow.innerWidth, which in my testing seem to not render density independent pixels, as they do on React Native: https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/exports/useWindowDimensions/index.js#L19 .So maybe this should be raised as an issue there?