RN中的样式类似于CSS,但与CSS本质上不同——CSS运行于浏览器/RN样式是脱离浏览器;
RN样式没有独立的.css文件,没有“继承”特性,部分样式是CSS中没有的(paddingVertical等),很多CSS样式在RN中是没有的(float、display:block/inline、position:static、border、background等复合属性)
三种形式的样式:
①行内样式: <Text style={{color: 'red'}}>
②内部样式: let ss = StyleSheet.create({ danger:{color:'red'} })
<Text style={ss.danger}>
③外部样式: style.js: export let gss = StyleSheet.create({ danger:{color:'red'} })
Home.js <Text style={gss.danger}>