styled-components + native-base causing an error

Hi! I am having problems using styled-components + native-base. When I try to style a native-base’s button like so:

const StyledButton = styled(Button)`margin:10;`

I get an error: “Faild prop type: Invalid props.style key ‘0’ supplied to View” This happens for any native-base component that I use. Am I doing somethink wrong here?

[mxstbr]

You need to use backticks rather than single quotes:

const StyledButton = styled(Button)`
  margin: 10;
`

That’s because styled-components uses ES6 tagged template literals. Let me know if that solves the issue!

[Charlynux]

You should give the error message, stacktrace, …

I see two errors :

• Typo, you write Segmeny instead of Segment
• When you use Styled Components with external components, you must use styled as a function.

styled(Segment)`
   // your style
`

Seems more like a StackOverflow question than an issue.