React-Native -Elements Avatar 不渲染并且只显示灰色背景，即使图像路径是正确的

Question

我正在尝试在我的 React_Native 应用程序中渲染我的 listItem 中的头像，但是即使我的图像 URI 路径正确并且它只提供灰色背景，图像也没有渲染。

这是我的代码

<View>
      {props.dishes.map((l, i) => (
        <ListItem key={i} bottomDivider>
          <Avatar rounded source={{ uri: l.image }} />
          <ListItem.Content>
            <ListItem.Title>{l.name}</ListItem.Title>
            <ListItem.Subtitle>{l.description}</ListItem.Subtitle>
          </ListItem.Content>
        </ListItem>
      ))}
    </View>

这是我得到的图像

我想要在那里渲染图像，但它只显示灰色背景。我也试过输入在线图片的 URI，但结果是一样的。

我也遵循了提到的解决方案但它不起作用。

我也通过了在线uri来检查我的路径uri是否不正确但是结果相同

<Avatar
     source={{
              uri:"https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg",        
            }}
          />

Answer 1

我解决了这个问题，因为像这样传递图像的路径不起作用像这样绕过图像路径只会渲染灰色背景。

<Avatar rounded source={{ uri: "./images/uthappizza.png"}} />

这就是我使用 require() 正确传递图像路径及其渲染的方式

<Avatar rounded source={require("./images/uthappizza.png")} />

Answer 2

我尝试了几种方法，直到找到一个鼓励我检查 模拟器连接性 的人……这就是问题所在！！

要解决它，在运行您的应用程序之前，启动模拟器

emulator -avd <your-emulator-name> -dns-server 8.8.8.8

React-Native -Elements Avatar 不渲染并且只显示灰色背景，即使图像路径是正确的

React-Native -Elements Avatar not rendering and showing only gray background even though the image path is correct

reactjs

react-native

react-native-android

react-native-flatlist

create-react-native-app