首页 > 解决方案 > react-native使用 uri 或图像路径

问题描述

我有以下代码:

const placeholder = '../images/placeholder.png';
const filePath = 'file://aaa/bbb.png';

return (
  <View>
     {imageLoaded?
         <Image
            source={{ uri: imageFilePath }} /> :
         <Image
            source={require(placeholder)} />
     }
  </View>
)

有没有办法设置源变量并使用它?

就像是:

const image1 = ???
const image2 = require(placeholder);

const imagePath = imageLoaded? image1 : image2;

return (
  <View>
     <Image source={imagePath} />
  </View>
)

标签: react-native

解决方案


推荐阅读