时间戳

首页 > 解决方案 > 来自 API 的 React Native 本地图像路径

reactjs - 来自 API 的 React Native 本地图像路径

问题描述

我开始学习 React Native，并且我已经使用烧瓶构建了一个 API，它只是将一个字符串返回到图像在资产文件夹中的位置。例如

data {
   path : "../assets/image.jpg"
}

Flask API 返回 React-Native 实际本地目录中的路径。但是，在获得这些数据后，我无法像正常那样放入图像。当我尝试

<Image source={require(path)} />

它说它不正确。我没有在这里显示完整的代码，但我正确地获取了 API 数据以及格式化作为 putsource={require("../assets/path")}作品。

标签： reactjsreact-nativeflaskreact-redux

解决方案

我们不能在本机反应中动态导入

你可以使用这个方法

const allPaths = {
  path1: require('../assets/image1.jpg'),
  path2: require('../assets/image2.jpg')
};

然后你以某种方式使用它：

<Image source={allPaths["path1"]} />

推荐阅读