五、Image图片的设置图片的填充方式Image.resizeMode.cover默认Image.resizeMode.

图片的设置

            {/*1.从项目中加载图片*/}
            <Image source={require('./image/icon.png')}/>

            {/*2.从资源包中加载图片*/}
            <Image source={require('image!icon')}/>
            <Image source={{uri:'图片名称，不需要后缀名'}}/>

            {/* 3.从网络上加载图片*/}
            <Image source={{uri:'图片链接'}}/>

            {/*4.用图片做背景*/}
            <Image source={{uri:'图片链接'}}>
                <Text>我是一个测试背景</Text>
            </Image>

图片的填充方式

Image.resizeMode.cover 默认
Image.resizeMode.contain
Image.resizeMode.stretch

// 属性
 resizeMode:Image.resizeMode.stretch,