react-native-web official support about react-native-responsive-ui HOT 3 CLOSED

Hey @ziaulrehman40 , so what do you think ? is it working well ?

from react-native-responsive-ui.

Hey folks, yes it does work 100% in react-native-web. We just got it working today.

You need to jump through a couple of hoops though - first you either need to compile the TypeScript files down to JS or use this fork: https://github.com/ziaulrehman40/react-native-responsive-ui

Then if you want to import like import { getStylesheet } from 'react-native-responsive-ui you have to patch-package to hijack the correct index.js file. Here's the contents of the patch.

react-native-responsive-ui+2.1.1.patch

diff --git a/node_modules/react-native-responsive-ui/dist/src/index.js b/node_modules/react-native-responsive-ui/dist/src/index.js
new file mode 100644
index 0000000..6799cf8
--- /dev/null
+++ b/node_modules/react-native-responsive-ui/dist/src/index.js
@@ -0,0 +1,7 @@
+import Index from '../module/index.js';
+
+// export constants
+export * from '../module/index.js'
+
+// export default
+export default Index
\ No newline at end of file

p.s. this patch only works for ziaulrehman40's fork which we are using.

from react-native-responsive-ui.

Hey y'all, new maintainer of the project here 👋

First: @nabilfreeman this issue should be fixed as-of 2.1.2. You shouldn't have to do this patch anymore as #80 is merged

Second: We just updated our scaffolding of the project to include an example project. This project will be using react-native-web and will likely be a new homepage for the project to demo it's usage. I'll be working on integration tests first, but then work on getting the example webpage built and deployed

I'll make sure to update the README to mention support of react-native-web support and link to the example for future documentation efforts

from react-native-responsive-ui.