невозможно загрузить изображение в реагировать на родной

Question

Я хочу загрузить изображение с определенного URL ['https://gym.weybee.in/files/ProfilePicture']

, где ProfilePicture - это имя переменной, содержащей имя изображения.

переменная, объявленная как => letProfilePicture = 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}/>