Thought this was CSS to react native StyleSheet object?

[NordlingDev]

The module does the exact opposite. You take StyleSheet object and turn it into a CSS string with the transform function:

import CSS from "css-to-react-native";

CSS({
    test: {
        color: "#ff0000"
    }
}); // Returns CSS string: ".test { color: #ff0000; }"

But I thought this is what it was supposed to do:

import CSS from "css-to-react-native";

CSS(`
    .test {
        color: #ff0000
    }
`); // Should return: { test: { color: "#ff0000" } }

What am I missing? There is nothing documented on how to actually convert CSS to a React Native StyleSheet object.

Thanks in advance!

[jacobp100]

Look at the readme for the docs! It does convert css to react native objects.

Note that it only converts css declarations, not rules. You’ll want to look into styled-components for how that’s done.

[brunolemos]

@jacobp100 @NordlingArt any hidden way to do the opposite? rn obj to css string?
Tried the code above but didn't work. Also didn't find this on the source code

e.g.

input: { backgroundColor: 'red' }
output: background-color: red

input: { opacity: 1, fontSize: 10 } (need to check manually where to add px?)
output: opacity:1;fontSize:10px

input: { borderColor: 'red', borderWidth: 1, borderStyle: 'solid' }
output: border: 1px solid red

[jacobp100]

This package won’t do that.