Allow usage of "className"

Hi, I use tachyons [0] to style react for web, so I’d like to use the className property in react-native as well.

It allows me to use “mini”-css classes and write code like this, instead of using the styles property, which I find way better (after having tried both approaches).

   <View className="w1 wv">

   </View>

[0] http://tachyons.io/docs/

[satya164]

@fab1an No. React Native doesn’t support this pattern. To support this at runtime, you’ll have to implement a className prop in every component that wants to support this and you also need a reference to the styles object to extract the styles out from it. Also conditionally applying style is much messier with this approach.

Why not just use this? It doesn’t look that different to me. Also this is more flexible.

<View style={[ s.h100, s.w100, dark ? s.bgBlack : null ]}>
   <Text style={[ s.w100, s.bgWhite ]} />
</View>

BTW, you can’t use - in a JavaScript object key unless you quote it.

[fab1an]

For conditional styles I tend to use the classnames library.

I didn’t know you could pass an array to style. Maybe I’ll write the babel-transform, but this should work for me in the meantime, thank you.