search

marudy / react-native-responsive-screen

Make React Native views responsive for all devices with the use of 2 simple methods
MIT License
1.56k stars 142 forks source link

Margin Error Styled-Component #74

Open medelvann opened 4 years ago

medelvann commented 4 years ago

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"

anmolpandeyy commented 4 years ago

Try this instead

const margin = wp('2%')

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

make sure to add the backticks and try

gregfenton commented 4 years ago

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