一、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',

    },