Support props argument for StyleSheet.create

[kentcdodds]

Inspired by @rofrischmann's fela. It appears to be a pretty slick API. Something like:

StyleSheet.create(props => ({
  bar: {
    fontSize: props.big ? '25px' : '15px',
    // etc.
  }
}))

[jlfwong]

I think this is syntactic sugar. Just use functions:

const styles = (props) => StyleSheet.create({
    bar: {
        fontSize: props.big ? '25px' : '15px'
    }
});

Then use as styles({big: true}).bar. Could be memoized appropriately.

So it may indeed be useful syntactic sugar, but IMO, does not belong in Aphrodite core.

[bananatranada]

Is it not recommended to call StyleSheet.create() within the render function?

[kentcdodds]

If you need to, then it's never been a problem for me.

[devDanielCespedes]

Thanks aloooot @jlfwong

I think this is syntactic sugar. Just use functions:

const styles = (props) => StyleSheet.create({
    bar: {
        fontSize: props.big ? '25px' : '15px'
    }
});

Then use as styles({big: true}).bar. Could be memoized appropriately.

So it may indeed be useful syntactic sugar, but IMO, does not belong in Aphrodite core.