Javascript 从uri或请求响应本机映像源

我正在用native react创建一个应用程序，如果没有用户上传的图像，我想使用已经加载的图像。。。那么，如何动态地选择uri或require呢

哪个是正确的语法

这是我的密码：

var profileImage = "require('../../assets/images/blue.png')";
var profileImageUri = "{uri:'https://randomuser.me/api/portraits/men/43.jpg'}";

return(
      <ScrollView style={styles.scroll}>
        <TouchableOpacity>
            <View style={styles.userImage}>
              <Avatar
                rounded
                size={150}
                title={!this.state.profile_picture ? this.state.firstLetter : ''}
                source={
                    this.state.profile_picture ? profileImage : profileImageUri
                }
              />
            </View>
        </TouchableOpacity>

var profileImage=“require（'../../assets/images/blue.png'）”；
var profileImageUri=“{uri:”https://randomuser.me/api/portraits/men/43.jpg'}";
返回(

不会触发任何错误，但不起作用

---

谢谢删除双引号。它不应该是字符串

var profileImage = require('../../assets/images/blue.png');
var profileImageUri = {uri:'https://randomuser.me/api/portraits/men/43.jpg'};

---

您可以从'path/of/image.extension'导入图像，例如

导入profileImage，并将其用作源文件，这里的扩展将是您的图像文件格式，例如jpg/png