React Native：图像未显示在视图中答案

【问题标题】：React Native: Image doesn't show in the viewReact Native：图像未显示在视图中
【发布时间】：2019-02-07 15:22:59
【问题描述】：

抱歉，如果我重新发布了一个问题，但我找不到可以解释这一点的问题。

我的 render() 函数在我的 React Native 应用程序中返回这个。

<View style={styles.login_card_view}>

    <Text>aaa</Text>
    <Image source={require('./logo_full.png')} style={{width: 200, height: 40}}/>
    <Text>bbb</Text>

    <Card>
        ...
    </Card>

    <Button containerStyle={{ marginTop: 20, alignItems: 'center', flex: 1}} />
</View>

这只会导致图像出现空白。（图像与我的类组件位于同一位置。）图像未显示在该空间中，但我的两个文本“aaa”和“bbb”相差 40。（这是图像的给定高度。）

我是否使用了错误的图像组件？这与文档完全相同。任何帮助表示赞赏！谢谢。

【问题讨论】：

从信息上看，你提供的我看不出有什么问题，但是一些道具、样式，以及其他未在问题中显示的东西会产生影响。如果您可以与snack.expo.io 分享您的问题，那将非常容易为您提供帮助
嗨，这是我的登录页面snack.expo.io/@buddhiv/…，这在我的应用程序中给出了错误，但在小吃中它正在工作。在我的本地博览会实例中，它不起作用。是否还有其他相关原因？
您使用的是同一个 expo 版本吗？您在根组件中尝试过吗？
不，即使在主 App.js 中也不会呈现。我怀疑这是捆绑的问题。为应用程序提供服务时不会为我们提供 expo 捆绑包吗？
@buddiv 你尝试添加另一张图片吗？

标签： javascript image typescript react-native components

【解决方案1】：

我想如果你这样使用

 <Image source={require('/logo_full.png')} style={{width: 200, height: 40}}/>

它可以工作。

【讨论】：

【解决方案2】：

import {View,StyleSheet, Text , Button , Image} from 'react-native';
import React , {Component} from 'react';
export default class BasicExample extends React.Component{
    render (){
        return (
            <View>
                <Text>aaa</Text>
                <Image source={require('./logo_full.png')} style={{width: 200, height:   40}}/>
                <Text>bbb</Text>
            </View>
        )
    }

  }

我运行这段代码，它对我有用。请记住正确放置图像位置和名称。您的代码可能有错误，如没有按钮标题。

【讨论】：

对我来说它不起作用，我的按钮不能有错误的属性，因为所有其他东西都在屏幕上工作。我想知道显示图像需要一些东西，但在文档中或我再次重新安装 require.js 的任何地方都没有提到。
图片来源也是正确的。否则会报错，提示路径中找不到图片。