Вопрос:

изображение URI не отображается в представлении React native Image

android image reactjs react-native

3644 просмотра

1 ответ

481 Репутация автора

Я новичок в разработке React и разработке приложений для Android с использованием React Native. У меня есть страница профиля, где я пытаюсь показать имя и контактные данные, как показано ниже.

return(
    <View style={{flex: 1}}>
      <ScrollView contentContainerStyle={styles.contentContainer}>
      <View style={styles.card}>
        <View style={styles.horizontalCard}>
        <Image
          style={{width: 34, height: 34}}
          source={{uri: 
       'http://test.abc.com/appdummyurl/images/mobile.png'}}
        />
          <Text style={styles.header}>{this.state.user_email}</Text>
        </View>

        <View style={styles.horizontalCard}>
        <Image
          style={{width: 34, height: 34}}
          source={{uri: 
      'http://test.abc.com/appdummyurl/images/images/profile.png'}}
        />
          <Text style={styles.header}>{this.state.user_no}</Text>
        </View>

        </View>    

    </ScrollView>
    <TouchableOpacity onPress={this.logOut}>
            <View style={styles.BottonCard}>
              <Text style={styles.Btntext}>LOG OUT</Text>
            </View>
          </TouchableOpacity>
  </View>
);

Все работает нормально, за исключением того, что первое изображение загружается в первый просмотр изображений, а для второго изображения отображается пустое пространство. Пожалуйста, помогите мне разобраться.

Также, пожалуйста, объясните мне, как я могу использовать переменную вместо URL изображения.

Автор: Raghuram db Источник Размещён: 28.12.2017 12:25

Ответы (1)


5 плюса

253 Репутация автора

Возможно, ваша сеть работает медленно или неверный путь к изображению или проблема с сервером. Вы должны проверить этот случай на любом пути фиктивного изображения из Google. Например, используйте это

<Image
      style={{width: 100, height: 100}}
      source={{uri: 
   'https://www.planwallpaper.com/static/images/9-credit-1.jpg'
    }}/>
Автор: Harmanpreet Singh Размещён: 29.12.2017 04:52
Вопросы из категории :
32x32