"outline" is not a valid style property

Question

I am trying to reuse some components built for web application using reactjswith radium.

I have a component which contains outline css property . I reuse the component , unfortunalty , i got this error :

My questions are :

• What is the alternative of outline property in react-native for both ios or android ?

• Is there alternative of radium in react-native ?

• Should I manage manually this difference of style properties naming among iOs DEV, android DEV as well as web DEV ?

Answer 1

use outlineStyle: "none",

Answer 2

I think you are looking for the border styles.

More specifically from the facebook react native docs:

borderWidth ReactPropTypes.number
borderStyle ReactPropTypes.oneOf(['solid', 'dotted', 'dashed'])

So for instance if you wanted to make a 10 x 10 box with dashed lines...

<View style={{ borderWidth:1, borderStyle: 'dashed', width: 10, height: 10, }} />