# 《ReactNative系列讲义》基础篇---05.Style and Flex
**|** 版权声明:本文为博主原创文章,未经博主允许不得转载。
#### 一、简介
每一个核心组件都自带一个style属性,用来添加组件的样式,比如字体大小、颜色、排列方式,组件的布局方式、位置等等。下面让我们一起来学习一下style样式的基本用法。
#### 二、基础知识
* style属性名称和CSS一样,只不过命名规则使用驼峰法。
* style属性最简单的方式是JavaScript对象类型,也可写成数组类型;在数组类型中,优先加载最后的元素,因此可应用于继承中。
* style的声明方式:StyleSheet.create({})
* 组件尺寸:一种通过给予Width和Height具体的数值确定组件的尺寸,一种是通过flex属性使组件在可获得的空间里面任意的伸缩。
* flex:当flex:1时组件会充满所有可用的空间,如果一个父元素内有几个子元素,可使用flex属性按比例分割父元