一、import 的时候有无大括号的区别
import { UpdateStyle } from './Styles'
import UpdateStyle from './Styles'
1、下面这种写法必须使用大括号：
因为export const修饰的；const：可以有多个
import { UpdateStyle } from './Styles'
import React from 'react'
import { StyleSheet } from 'react-native'
export const UpdateStyle = StyleSheet.create({
text: {
fontSize: 18,
backgroundColor: 'yellow',
margin: 10,
},
});
2、下面这种写法不能使用大括号：
因为export default修饰的；default：每个类中只允许有一个
import UpdateStyle from './Styles'
import React from 'react'
import { StyleSheet } from 'react-native'
export default UpdateStyle = StyleSheet.create({
text: {
fontSize: 18,
backgroundColor: 'yellow',
margin: 10,
},
});
二、布局
1、使View撑满整个屏幕，或者某个视图的整个区域，必须使用
style = {{flex:1}}
2、flex布局相关配置：
viewLeft: {
flexDirection:'column',//布局方向：column：垂直布局，row：水平布局
/*指定justifyContent可以决定其【子元素】沿着主轴的排列方式。
flex-start、center、flex-end、space-around以及space-between*/
justifyContent:'center',
/*指定alignItems可以决定其子元素沿着次轴（与主轴垂直的轴，比如若主轴方向为row，则次轴方向为column）的排列方式。
flex-start、center、flex-end以及stretch
注意：要使stretch选项生效的话，子元素在次轴方向上不能有固定的尺寸。*/
alignItems:'center',
},
