加载作为反应原生道具传递的图像数组

Question

在控制台中显示有效路径。但是当我像这样将它提供给 Image Source 时 source={this.props.data[5].var} 也试试这个 source={{uri: this.props.data[5].var }} 但什么也没显示.如果有人知道这个问题，请告诉我

我的第一页代码是：

导出默认类 HomePage extends Component {

Details = [
    {
        id: 1,
      "type": "Cariyaka",
      image: require("../assets/cariyaka.png"),
      var: "../assets/panyaka.png"
    },
    {
        id:2,
      "type": "ettyaka",
      image: require("../assets/ettyaka.png"),
      var: "../assets/panyaka.png"
    },
    {
        id:3,
      "type": "panyaka",
      image: require("../assets/panyaka.png"),
      var: "../assets/panyaka.png"
    },
    {
        id:4,
      "type": "pan10",
      image: require("../assets/pan10.png"),
      var: "../assets/panyaka.png"
    },
    {
        id:5,
        "type": "ett10",
        image: require("../assets/ett10.png"),
        var: "../assets/panyaka.png"
      },
      {
          id:5,
        "type": "chari10",
        image: require("../assets/chari10.png"),
        var: "../assets/panyaka.png"
      }

];

frontpage=()=>{

Actions.second(this.Details);

}

第二页代码是：

render() {
    console.log(this.props.data[5].var);
  
  

 return (
    
    <LinearGradient  colors={['#95c2a1', '#c7bbbb', '#738299']}
    style={{
    
    height: '100%',
    flex: 1, alignItems:'center'
    }}
    start={{ x: 0, y: 1 }}
    end={{ x: 1, y: 0 }}>
    <ScrollView>
 
    <Image
            style={styles.icon}
  
              
            source={this.props.data[5].var} 
          />