Commit b5adc22

committed

Update match object example to use React Native's dimensions

1 parent 909d36f commit b5adc22Copy full SHA for b5adc22

File tree

-6

lines changed

-6

lines changed

Lines changed: 8 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -115,14 +115,16 @@ const styleObject = {`
`115`	`115`
`116`	`116`	```js
`117`	`117`	`import { process } from "react-native-css-media-query-processor";`
	`118`	`+import { Dimensions } from "react-native";`
`118`	`119`
`119`		`-const matchObject = {`
`120`		`- width: 110,`
`121`		`- height: 100,`
`122`		`- orientation: "landscape",`
`123`		`- aspect-ratio: 1.1,`
	`120`	`+const win = Dimensions.get("window");`
	`121`	`+const matchObj = {`
	`122`	`+ width: win.width,`
	`123`	`+ height: win.height,`
	`124`	`+ orientation: win.width > win.height ? "landscape" : "portrait",`
	`125`	`+ "aspect-ratio": win.width / win.height,`
`124`	`126`	`type: "screen"`
`125`		`-}`
	`127`	`+};`
`126`	`128`
`127`	`129`	`process(styleObject, matchObject);`
`128`	`130`	```

Comments

(0)