Question

我正在尝试显示从api获取的图像。并显示来自localhost laravel项目的图像。在Genymotion上运行我的模拟器。我该怎么办？

在线图像就像fb fevicon一样工作。而且我在Genymotion上测试时没有使用localhost：8000链接获取图像

// URL to fetch apis
export const URL = 'http://10.0.3.2:8000';

// Showing/Displaying my image in React native
if(list && list.length > 0) {
    const listAfterPictures = list.map((item, index) => 
       <Image
          key={ index }
          source={{ uri: URL + index.image_name }}
          style={{ width: 300, height: 300 }}
       />
     );
     return (
      <View>
        {listAfterPictures}
      </View>
     )
}

我还尝试将宽度和高度放在源中，例如：

<Image
 key={ index }
 source={{ uri: URL + index.image_name, width: 300, height: 300 }}
/>

有什么建议吗？

Answer 1

请控制台记录URL + index.image_name，并检查是否所有反斜杠都存在。并确保包含文件扩展名，例如.jpg .png

使用Laravel Localhost源反应本地图像不显示或空白

1 个答案: