React-Native 不显示背景图像

Question

我正在尝试在 React-Native 中设置背景图片，但它没有出现在我的屏幕上。但是，<ImageBackground></ImageBackground> 中的文本正在显示。这是我的代码：

import React, { Component } from 'react';
import { View, ImageBackground, Text, StyleSheet } from 'react-native';

type Props = {};
export default class App extends Component {
  render() {
    return (
    <ImageBackground style={styles.container} source={require("./Assets/bg.png")}>
        <Text>Inside</Text>
    </ImageBackground>
    );
  }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        width: '100%',
        height: '100%'
    }
});

下面是我的目录结构。你可以看到 bg.png 存在。

这是我得到的输出。

这是我的 bg.png

我找不到这有什么问题。一切似乎都很好，而且我没有收到任何错误消息。请帮忙

Answer 1

这是 link 到 expo。

对于大图像位图内存不足，android 似乎发生了崩溃。

因此，解决方法是调整图像的大小并使用它。

有关更多信息，请查看此 link

React-Native 不显示背景图像

React-Native not displaying background Image

react-native

background-image

imagebackground