How to use CSS in ReactNative

Question

Can I use CSS to style my ReactNative . Currently I can use StyleSheet like this:

var styles = React.StyleSheet.create({
 autocomplete: {
   backgroundColor: '#FFF',
   zIndex: 5,
 },
 ...

I want to use CSS instead like in ReactJs

+3

PranavPinarayi 22 Mar 17 at 10:59

3 answers

BigDong · Answer 1 · 2017-03-22T11:02:00+0000

What does pure css mean ?

Have a look at styled-components , the project is under active development.

This allows you to build your reactive components using css.

rakwaht · Answer 2 · 2017-03-22T11:05:14+0000

I had the same problem and solved it using this component. I see it is not being developed anymore, but it works great for me.

It basically takes your CSS files and generates some StyleSheet components from them that you can easily integrate into your responsive application.

Abhijith · Answer 3 · 2017-03-22T14:29:27+0000

You can style components with CSS and inline SASS support.

0

Abhijith 22 Mar 17 at 14:29