反应原生 ImageBackground 未显示在 IOS 设备上

问题描述

我正在使用 React Native 的 imagebackground 组件,但在 IOS(设备)中它不显示图像,在模拟器中出现图像 这会是什么?

代码如下:

import { imagebackground } from 'react-native';

const imgSrc = require('../../assets/images/bg-login.png');

<imagebackground
        resizeMode="cover"
        source={imgSrc}
        style={style.backgroundImage}
      >

样式如下:

backgroundImage: {
        width: screenWidth,height: '100%'
    },

解决方法

render() {


    return (
    <View style={{ flex: 1 }}>
    <ImageBackground
            resizeMode="cover"
            source={require('../assets/oops.png')}
            style={{width:Dimensions.get('screen').width,height:Dimensions.get('screen').height}}
          >

      </ImageBackground>
      </View>
    );
  }

尝试此代码并根据您的要求使用 resizeMode

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...