ImageBackground 不会出现

Eri*_*lin 4 react-native react-native-android

我一直在尝试渲染背景图像,它运行了,但什么也没出现。我在 Windows 上通过 Android 运行它。这是下面的代码:

import React, { Component } from 'react';
Run Code Online (Sandbox Code Playgroud)

import { View, Image, Text, ImageBackground } from 'react-native';

class Background extends Component {
    render() {
        return (
      <ImageBackground
        source={{uri: 'https://thumbs.dreamstime.com/b/purple-blue-textured-background-wallpaper-app-background-layout-dark-gradient-colors-vintage-distressed-elegant-78118630.jpg'}}
        style={{flex: 1, width: '100%'}}

      >
        <View >
          <Text>Test</Text>
        </View>
      </ImageBackground>
        );
    }
  }
Run Code Online (Sandbox Code Playgroud)

导出默认背景;

我不确定代码是否没有正确地拉取图像本身,或者是否需要调整样式。谢谢您的帮助!

小智 11

您的 ImageBackground 组件需要您的样式属性中的高度值。RN对此很挑剔。