Merge pull request #11 from mohit23x/responsive-values

Responsive values

Author: mohit23x

README.md

@@ -1,6 +1,15 @@
-# React Native Sugar Style
+<h1 align="left">
 
-Theme based alternative for React Native StyleSheet. (🧪 Experimental)
+    React Native Sugar Style
+
+</h1>
+https://www.npmjs.com/package/react-native-sugar-style (🧪 Experimental)
+
+- Theme based alternative for React Native StyleSheet
+
+- Support responsive values as array
+
+- works on android/ios/web (expo/react-native)
 
 | BEFORE                                | AFTER                              |
 | ------------------------------------- | ---------------------------------- |
@@ -123,7 +132,7 @@ const Component = () => {
 ### Demo
 
 Scan and run with expo go app, run the [example project](https://github.com/mohit23x/react-native-sugar-style/tree/main/example) for a more detailed example.
-https://expo.io/@mohit23x/projects/react-native-sugar-style
+https://expo.io/@mohit23x/projects/react-native-sugar-style or try the [react native web version](https://sugar-style.netlify.app/)
 
 ![Scan QR with expo app](assets/qr.png 'Scan QR')
 
@@ -157,4 +166,3 @@ Special thanks to the Authors of the amazing open source libraries
 ### Caveats
 
 - May introduce performance issues (not tested)
-- Dimension values are not dynamic (device height/width don't change based on orientation)

example/components/Counter.tsx

@@ -21,7 +21,7 @@ export default function Counter() {
   );
 }
 
-const styles = StyleSheet.create((theme, constants) => ({
+const styles = StyleSheet.create(theme => ({
   pressable: {
     alignItems: "center",
     justifyContent: "center",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-sugar-style",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "React Native Stylesheet alternative with theme support",
   "author": "mohit23x",
   "license": "MIT",