Invariant Violation: How to work with 100% width/height?

[alexzajac]

Invariant Violation: How to work with 100% width/height?

[rs4231199]

import { Dimensions } from 'react-native';
const screenWidth = Dimensions.get('window').width;

I needed to set width equal to screen-width.

[v0lume]

@rs4231199 yes it works, but I think it's not a good solution, more like workaround

[ItsSander107]

I'd love this to be a thing. My current width is Dimensions.get('window').width - constants.styleSettings.paddedView * 2,. '100%' is a tad shorter.

[alexZajac]

Hey @v0lume!
The issue is happening because since we are passing the child width/height properties to the transform property, it throws an error because the transfrom can't accept a percentage.
As @rs4231199 suggested, a quick workaround would be to init the desired witdh/height in a variable for each child having a different width/height.

I am currently searching for a solution to this problem, and I'll get back to you in the next few days.

[alexZajac]

Hello guys, I have added support for percentages in the latest version (1.0.16). Closing the issue for now, and feel free to check it out and send your feedback!