bind image uri zu flatlist react-native

Question

Ich versuche, Bild-URI an die Flatlist zu binden. Aber es ist nicht. Rendering ..

this.state = { 
     data: [ 

      { 
       avatar: 'require(../../resources/icons/MyAccount/rounduser.png)', text: 'Bank Accounts', val: '' 
      }, 
      { 
       avatar: 'require(../../resources/icons/MyAccount/rounduser.png)', text: 'PrePaid-Cards', val: '' 
      }, 
      { 
       avatar: 'require(../../resources/icons/MyAccount/rounduser.png)', text: 'Other Wallets', val: '' 
      }, 
      { 
       avatar: 'require(../../resources/icons/MyAccount/rounduser.png)', text: 'Help', val: '' 
      }, 
      { 
       avatar: 'require(../../resources/icons/MyAccount/rounduser.png)', text: 'About App', val: '' 
      } 
     ] 
    } 
} 

ich diese Methode bin mit. RenderItem für Flatlist

_renderList = ({ item }) => { 
    return (
     <View style={styles.listContainer} > 
      <Image style={styles.listImage} source={item.avatar} /> 
      <Text style={styles.listText} >{item.text}</Text> 
      <Text style={styles.listVal} >{item.val}</Text> 
      <Image style={styles.listImage} source={require('../../resources/icons/MyAccount/arrowright.png')} /> 
     </View> 
    ); 

} 

Es ist leerer Raum Rendering. Gibt es etwas, das mir fehlt?

Answer 1

Sie haben require innerhalb Zeichenfolge. Es sollte Ebene erfordern:

avatar: require('../../resources/icons/MyAccount/rounduser.png')