Skip to content

Latest commit

 

History

History
45 lines (28 loc) · 1.05 KB

lession3.ReactJS语法-android.md

File metadata and controls

45 lines (28 loc) · 1.05 KB

#React需要注意的语法

##所有的jsx组件Facebook推荐大家按照一定的格式去编写

<View style={styles.background} />


<View style={[styles.base, styles.background]} />
  • 1.对于ui 组件使用大写命名

  • 2.对于组件的属性使用小写命名

  • 3.对于style的配置支持按照对象方式去引用,{yourvar.somelable};

  • 4.也支持两层嵌套style样式,直接写入属性,类似{{}}

  • 5.对于style,React还支持 数组的方式即{[yourvar.somelable1,yourvar.somelable2]}

##style样式写法 var styles = StyleSheet.create({ base: { width: 38, height: 38, }, background: { backgroundColor: '#222222', }, active: { borderWidth: 2, borderColor: '#00ff00', }, });

这样的构造StyleSheet的方式是非必须的但是是(老穆)推荐的.

他的目的类似函数封装,对于后续的复用和重载都会有一定好处.

当然你也可以直接通过内联方式去编写样式代码例如

<View style={[styles.base, styles.background]} />