图片

你可以自己修改图片的尺寸,图片的尺寸单位是米,不能用像素

//   GOOD

<Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}

    style={{width: 1, height: 1}} />


//   BAD

<Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}}}/>

为什么不是自动设置尺寸呢

因为React VR是全3D的,像素和世界的尺寸不符合,因为图片可能防止在不同深度的地方,如果

在浏览器里没有指定了图片的尺寸,浏览器会将渲染一个0*0元素,下载图像,然后根据实际的尺

寸渲染,所以我们要求开发者指定图片的尺寸。

source对象

React Native里面的src属性在这儿用source命名,而且不是一个string,在这儿是一个uri对象

<Image source={{uri: 'something.jpg'}} />

从基础机构来说,这还是不错的,这样你可以放些元数据给这个对象,如果要用 require('./my-ico

n.png') 然后我们再增加定位和大小,这都需要将来在验证,比如我们想支持精灵图,nearest

mipmaps 等等

嵌套背景图

和web上的 background-image 一样,我们可以创建一个 <Image>组件,然后把其他的子组件放在这

个Image里面:

return(

  <Image source={...}>

    <Text>Inside</Text>

  </Image>

);

圆角样式

下面的边框圆角属性被image忽略了