为什么不反应原生显示我的背景图像?

时间:2018-11-07 06:19:51

标签: android ios react-native compiler-errors cross-platform

下面的以下代码可以很好地编译为react native,并且我在任何编译器中均未收到任何错误,但是我的android仿真器仍然为空白,而不是像预期的那样显示背景图像。有人知道为什么吗? 代码:

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

import bgImage from './Images/background.jpg' 

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View>
      <ImageBackground soure={bgImage} style={styles.backgroundContainer}>
      </ImageBackground>
      </View>
    );
  }
}

const styles = StyleSheet.create({
    backgroundContainer: {
    flex: 1,
    width:null, 
    height:null, 
    justifyContent: 'center',
    alignItems: 'center',
  },
});

3 个答案:

答案 0 :(得分:0)

您应该使用require

 <ImageBackground soure={require(bgImage)} style={styles.backgroundContainer}>
      </ImageBackground>

答案 1 :(得分:0)

source={require(BgIMage)}您错过了require

答案 2 :(得分:0)

尝试这种方式

<script src="<?= base_url().'/assests/vendor/slick/slick.min.js'; ?>">