react native显示网页上的图片问题



  • (1)http://livedoor.4.blogimg.jp/karapaia_zaeega/imgs/a/6/a6189b1f.jpg

    (2)https://pbs.twimg.com/media/CT3-5RWUkAAoQ32.jpg

    (1)的图片在我的页面上不能显示出来,但是(2)可以。
    貌似https开头的URL的图像可以显示,http开头的不能显示。
    请问谁能告诉我理由吗?谢谢。

    我的代码如下:
    import React, { Component } from 'react';
    import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image
    } from 'react-native';

    export default class AwesomeProject extends Component {
    render() {
    let pic = {
    uri:'https://pbs.twimg.com/media/CT3-5RWUkAAoQ32.jpg'
    };
    return (

      <View style={styles.container}>
         <Image source={pic} style={{width:300,height:300}}/>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.ios.js
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Cmd+D or shake for dev menu
        </Text>
      </View>
    );
    

    }
    }

    const styles = StyleSheet.create({
    container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
    },
    welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    },
    instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
    },
    });

    AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);



  • 我猜是因为 ios 有规定必须使用https请求 images


登录后回复