Images are not visible in ListItem component via url

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior: It only shows a gray bar but nothing else

Expected behavior: It should show the image provided from Image component

Related code:

Providing my image to my list component as an object like this (just a wrapper to make it more compatible with my app):

icon: () => <Image source={{ uri: user.actor_details.profile_picture }} style={{ width:50, height:50 }}/>

You can see my wrapper component for list here

Other information:

OS, device, package version Tested on LG G7 ThinQ on Android 9.0 also on Emulator which runs on Android Q, both gives me same results.

"react-native-ui-kitten": "^4.1.0",
"react-native": "0.59.3",
"react": "16.8.3"
"@eva-design/eva": "^1.0.1"

[Floridus]

I had the same error with an external image. I found out that it was the style that was given. Each picture was filled with the tintColor. So I deleted the tintColor style and now it works.

That is the style for the “icon”: { width: 40, height: 40, marginHorizontal: 8, tintColor: '#8F9BB3' }

So I removed the tintColor.

renderIcon = (style, uri) => {
    delete style.tintColor
    return (
      <Image
        style={style}
        source={{ uri }}
      />
    )
  }

[jaksm]

I had the same error with an external image. I found out that it was the style that was given. Each picture was filled with the tintColor. So I deleted the tintColor style and now it works.

That is the style for the “icon”: { width: 40, height: 40, marginHorizontal: 8, tintColor: '#8F9BB3' }

So I removed the tintColor.

renderIcon = (style, uri) => {
    delete style.tintColor
    return (
      <Image
        style={style}
        source={{ uri }}
      />
    )
  }

Also, this is useful when you want to adjust image size, just delete style.width & style.height