ReactNative学习----13图片组件Image及ImageBackground的使用

本文介绍ReactNative中图片组件Image和ImageBackground的使用,通过官方文档与示例代码,展示如何在项目中集成和应用这两个组件。
摘要由CSDN通过智能技术生成

官方文档:
https://reactnative.cn/docs/imagebackground/
https://reactnative.cn/docs/image/

代码复制即可使用
代码:
ImageBackgroundDemo.js

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Alert, Button, TouchableHighlight, ImageBackground,Image} from 'react-native';

/**
 *
 *  ImageBackground 作为某个组建的背景
 *  Image 显示本地图片 显示网络图片
 *  
 *  https://reactnative.cn/docs/imagebackground/
 *  https://reactnative.cn/docs/image/
 *
 *
 */
export default class ImageBackgroundDemo extends Component {
    //渲染数据
    render() {
        return (
            <View>
                <ImageBackground source={require('../img/poster.jpg')} style={styles.image1}>
                    <Text style={
  {color: '#fff'}}>Inside</T
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值