android - uri 图像未在 React native ImageView 中呈现

Question

我是 React Native 开发新手，我是使用 React Native 开发 Android 应用程序的新手。我有一个个人资料页面，我试图在其中显示姓名和联系方式，如下所示。

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>
);

除了第一个图像加载到第一个 ImageView 和第二个图像显示空白区域外，一切正常。请帮我弄清楚。

另请指导我如何使用变量代替图像 url。

Answer 1

可能是你的网速太慢，也可能是你的图片路径不对，或者是你的服务器问题。您必须在来自谷歌的任何虚拟图像路径上测试这种情况。例如使用这个

<Image
      style={{width: 100, height: 100}}
      source={{uri: 
   'https://www.planwallpaper.com/static/images/9-credit-1.jpg'
    }}/>