五、Image

图片的设置

            {/*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,
复制代码