Question

我想从特定的URL ['https://gym.weybee.in/files/ProfilePicture']加载图片

其中ProfilePicture是包含图像名称的变量名称。

变量声明为=> 让ProfilePicture = this.props.navigation.getParam（“ myJSON5”）;

[myJSON5包含特定用户的图像名称]

这是我的代码

    const {goBack} = this.props.navigation;
    let ProfilePicture = this.props.navigation.getParam("myJSON5");
    //myJSON5 contain name of image

    return (
      <Block flex style={styles.profile}>
        <Block flex>
          <ImageBackground
            source={Images.ProfileBackground}
            style={styles.profileContainer}
            imageStyle={styles.profileBackground}
          >
            <ScrollView
              showsVerticalScrollIndicator={false}
              style={{ width, marginTop: '17%' }}
            >
              <Block flex style={styles.profileCard}>
                <Block middle style={styles.avatarContainer}>
                  <Image
                    source={{uri: 'https://gym.weybee.in/files/ProfilePicture'}}
                    //all images are here =>> https://gym.weybee.in/files/
                    style={styles.avatar}
                  />
                    <Image
                    source={{ uri: fitness.png }}
                    style={styles.avatar}
                  />
                </Block>

错误

没有错误，但图像未加载

**另一个查询**

如果未加载图像，如何显示错误消息？

Answer 1

您未正确连接uri字符串，请尝试以下操作：

source={{uri: `https://gym.weybee.in/files/${ProfilePicture}`}}

Answer 2

您可以按以下方式使用

let ProfilePicture = this.props.navigation.getParam（“ myJSON5”）;

let pic = {uri：'https://gym.weybee.in/files/'.. concat（ProfilePicture）

或

let pic = {uri：'https://gym.weybee.in/files/'。concat（{this.props.navigation.getParam（“ myJSON5”）}） };
 <Image source={pic}/>

无法在React Native中加载图像

2 个答案: