要求图片名称中带有空格的图片会引发错误

时间:2019-05-30 10:29:34

标签: android react-native

我目前正在使用音板应用程序,并且正在使用ListItem创建按钮。它使我可以创建几乎没有头像的按钮。我将怪物数据保存在数组中。

我已经尝试过在图像路径之后替换('%20','')方法,但是它对我不起作用。

以下是一些代码:

{
  "name": "Smoczy zębacz", 

  "image": {source: require('./assets/img/Smoczy zębacz.jpg')},  

  "sound": require('./assets/sounds/Smoczy zębacz.mp3')
} 

当图像和声音名称不包含空格时,它会很好地工作。

我希望此代码查找名称中带有空格的图像,但出现此错误:

Error: Asset not found: C:\Users\user\Soundboard\assets\img\Smoczy%20zębacz.jpg for platform: android
at C:\Users\user\Soundboard\node_modules\metro\src\Assets.js:147:13
at Generator.next (<anonymous>)
at step (C:\Users\user\Soundboard\node_modules\metro\src\Assets.js:326:347)
at C:\Users\user\Soundboard\node_modules\metro\src\Assets.js:326:507

当我单击它时,mp3文件也会出现相同的错误。

1 个答案:

答案 0 :(得分:0)

我认为您错误地使用了网址

您正在使用图片网址

C:\ Users \ user \ Soundboard \ assets \ sounds \ Smoczy%20zębacz.jpg

代替mp3网址

C:\ Users \ user \ Soundboard \ assets \ sounds \ Smoczy%20zębacz.mp3