react和react-native样式区别

在react中，样式写在一个css文件中，引用样式的方式是在html中的link标签引入，也可以在js文件中引入，这里一定要注意，必须使用css-loader和style-loader，要不会报错，“module not found“！

在react-native中的样式，有两种，一种是内联样式，一种是定义样式对象，记住–这个样式是写在js文件中，我们使用的方式是以对象的方式来定义样式。比如： styles.container。

都喜欢最直观的例子：我也不例外：

import "./style.css";//引入css文件
class App extends Component {
    render(){
        return (
            <div className = "container"></div>
        );//使用className代替class
    }
}

在react-native中，我们这样处理：
使用style属性来代替class处理样式

export default class App extends Component{
    render(){
        return (
            <div style={[styles.container]}></div>
        )//使用style
    }
}

const styles = {
    container:{
        flex: 1,
        flexDirection: row,
    }
}
//可以看出，这是基于对象的方式