image - React Native Image 元素因 URI 位置而崩溃

Question

我试图显示带有 URI 位置的图像而不是静态图像，但它不起作用。我收到红屏并显示以下消息:

You are trying to render the global Image variable as a React element. You probably forgot to require Image.

我只是采用了默认项目(react-native init AwesomeProject)并将其添加到 View 中的两个 Text 元素之后:

<Image 
    style = {styles.base}
    source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
/>

我用一个附加属性增强了样式:

base: {
    height: 400,
    width: 400 
},

我不明白为什么这不起作用，因为这是 React Native 文档中的简单示例。有什么建议吗？

Answer 1

确保确实需要图像组件:

var React = require("react-native");
var Image = React.Image;