用户登录

Image 是 React 的显示图像的组件,用它你可以显示来自网络的图像,静态源的图像,也可以是在本地磁盘上的图像。 要使用 Image 组件可以把它从 React 里面提取出来 ..

在文件的顶部这里 . 输入一个 Image .. 下面我们使用这个组件去显示一个来自网络的图像 .. 在这个 View 组件里面,用一个 Image .. 它可以是一个自关闭的标签 ..

图像的来源需要使用 source 属性去指定一下 .. 它的值先用一个大括号 .. 里面可以用一个对象 .. 然后添加一个 uri 属性 .. 它的值可以是一个来自网络的图像的地址 …

保存 ... 现在还不能显示了这张图片,因为我们还需要去设置一下图像的宽度还有高度 ..

给它一个 style 属性,把样式设置成 styles.image .. 在下面再去定义这个 image 样式 … 添加一个 image 属性 ... 它的值是一个对象 .. 在这个对象里面,添加一个 width 属性,设置一下图像的宽度 ... … 它的值设置成 99 .. 再加上一个 height 属性,指定一下图像的高度 .. 这里我们设置成 138 .. 最后再给它添加一个外边距 .. 用一个 margin .. 设置成 6 …

保存 … 现在,你会看到在屏幕上会显示一张图片 …

图像组件 - Image《 React Native #1 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点