文章标题
2017-03-20 09:23
148 查看
E6
let
不存在变量提升
1.创建react-native init AwesomeProject
2.cd 工作目录
3.react-native start
4 ,打开另一个cmd react-native run andorid
View 组件中常见的属性:FlexBox
多个标签在同一行
FlexBox :能够伸缩能够变化,弹性模型
父盒子与子盒子的关系
块和内联流:
主轴侧轴
常用属性
flexDirection :row|cloumn(默认为主轴)
主轴方向:justifyContent:
flex-start
flex-end
center
space-between
space-around
侧轴; flex-start、flex-end center
stretch(默认值)
设置侧轴对其:alignItems
flexwrap 默认不换行(nowrap)
元素属性
flex =1 沾满屏幕
决定盒子的宽度
Touch事件
1.添加TouchableOpacity组件
2、
let
不存在变量提升
1.创建react-native init AwesomeProject
2.cd 工作目录
3.react-native start
4 ,打开另一个cmd react-native run andorid
View 组件中常见的属性:FlexBox
多个标签在同一行
FlexBox :能够伸缩能够变化,弹性模型
父盒子与子盒子的关系
块和内联流:
主轴侧轴
常用属性
flexDirection :row|cloumn(默认为主轴)
主轴方向:justifyContent:
flex-start
flex-end
center
space-between
space-around
侧轴; flex-start、flex-end center
stretch(默认值)
设置侧轴对其:alignItems
flexwrap 默认不换行(nowrap)
元素属性
flex =1 沾满屏幕
决定盒子的宽度
Touch事件
1.添加TouchableOpacity组件
2、