微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何为 React Native Navigation Carousel 动态加载图像?

如何解决如何为 React Native Navigation Carousel 动态加载图像?

我目前正在开发一个使用轮播的乐谱应用。我将 song_item 数据从上一个屏幕推送到新屏幕。循环中的 song_path 存在于 console.log 中。我需要的是 images2images 数组相同。 images 数组是为开发目的而硬编码的。谢谢。

const { itemId,songs_item } = route.params;
console.log("SONGS #################",songs_item['songs'])

var songs = songs_item['songs']
var images = [
    require('../assets/songs/lala.jpg'),require('../assets/songs/δοκιμη.jpg'),require('../assets/songs/lala.jpg'),]

let images2 = []
songs.forEach((song,i) => {
    const song_path = "../assets/"+song['path'];
    // const rew = require(song_path);
    console.log(song_path)
    // images2.push(rew);    
})

取消注释行时,它会为 invalid call 抛出一个 require

更新

还有为什么当我取消注释 const path = song['path'] 时它不起作用,但它在 const path = 'songs/lala.jpg'; 时起作用?

let images2 = [];
songs_item['songs'].forEach((song,i) => {
console.log(song['path'])
const path =  'songs/lala.jpg';
//const path = song['path']
// console.log('PATHHHHHHHHHHHH',path)
images2.push(require('../assets/'+path))

})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。