react-native（2）

这篇记录一下基本语法

stylesheet

1. 没有继承性（RN 中的继承只发生在 Text 组件上-相当于 web 中的 p 标签）
2. 样式名采用小驼峰命名法
3. 所有尺寸都没有单位
4. 有些特殊的样式名（marginHorizontal-水平外边距、marginVertical-垂直外边距）

<组件 style={{样式}}> // 属性值为对象
<组件 style={[{样式}, {样式}]}> // 属性值为数组

import { View, StyleSheet } from 'react-native'
const styles = StyleSheet.create({ foo: {样式1}, bar: {样式2} })

<View style={[styles.foo]}>使用样式</View>

组件

javascript
javascript

附录
react-native中文网