marudy/react-native-responsive-screen

Margin Error Styled-Component

medelvann opened this issue · 2 comments

hi, for this code i get a error :
Error:Failed to parse decleration margin:13 in styled-compnent usage

const ViewCoverHeader =styled.View`
margin:${wp('2%')};
`;

update:
i added px at the end of line and fixed,
margin:${wp('2%')}px;
but this problem not happening for with and height

im using this version of styled-component
"styled-components": "^4.0.0"

Try this instead

const margin = wp('2%')

const ViewCoverHeader =styled.View
margin:${margin};

make sure to add the backticks and try

@medelvann - did @anmolpandeyy's suggestion work? Can this issue be closed?