Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

styled-components-native-code-mod

Transforms v1 styled-components to v2. It

  • Adds px units where relevant
  • Fixes font-family to include quotes
npm install -g jscodeshift
npm install https://github.com/styled-components/styled-components-native-code-mod
jscodeshift -t styled-components-native-code-mod/transforms/units <path>

Will modify files in place, so make sure you can recover if it goes wrong!

In

styled.View`
  top: 10;
  flex: 1;
  margin: 10 20;
  font-family: Georgia;
  color: ${props => props.color};
`;

Out

styled.View`
  top: 10px;
  flex: 1;
  margin: 10px 20px;
  font-family: "Georgia";
  color: ${props => props.color};
`;

Caveats

If you interpolate values that need units, you'll have to do that manually.

const value = '10';

styled.View`
  top: ${value};
`;

About

No description, website, or topics provided.

Resources

Releases

No releases published
You can’t perform that action at this time.