react-native-样式

一、样式的添加方式:

1.直接写入：

<View style={{
    width:200,
    height:200,
    backgroundColor:"#ff6600"
}}>
</View>

2.引用变量：

export default class App extends Component<Props> {
  render() {
    return (
      <View style={[style.container,style.other]}>
      </View>
    );
  }
}
const style = StyleSheet.create({
    container:{
      width:200,
      height:200,
      backgroundColor:"#ff6600"
    },
    other:{
      backgroundColor:"#00ff66"
    }
  })

二、注意事项:

1.在样式中引入的对象，如果后面的样式与前面的样式有重复的，后面的会覆盖前面的样式。
2.样式书写方式使用驼峰式。
3.样式不可以合并写，例：margin:“25 25 40 40” 此方法会报错。
4.border用法：borderWidth borderStyle borderColor borderLeftWidth
5.阴影的用法：
shadowColor
shadowOffset:{width:10,height:10}
shadowOpacity
shadowRadius
elevation:100 //此用法是在安卓手机上使用才会有效果