javascript - 从 uri 或 require 对本机图像源做出反应

Question

我正在创建一个具有本机反应的应用程序，如果没有从用户上传的图像，我想使用已经加载的图像......那么我如何动态选择 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>

这不会触发任何错误但不工作。

谢谢

标签： javascriptreactjsreact-native

Answer 1

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

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