Trouble solving 'source.uri should not be an empty string' in React Native

Here is another solution:

<Image style={styles.imageStyle} source={this.props.url ? {uri: this.props.url } : null} />

It is likely an empty string is passed to the uri. If you set the uri as an empty string intentionally like myself to not to display any image for this data, use undefined instead or use it like so:

<Image style={styles.imageStyle} source={{uri: this.props.url !=="" ? this.props.url : undefined }} />

Other way, can be implemented:

render() {
     const {imageURL} = this.state;
     <Image source={{uri:imageURL ? imageURL : null}} style={styles.tinyLogo}/>
}

Ok so I managed to fix the issue by adding to the default INITIAL_STATE variable that sets the state of my app and the default value before the actions are executed.

So adding the url below was the fix! But could be any url other than a null value.

profile: { user: { phone: '', email: '', first_name: '', last_name: '', photo: 'http://www.tiptoncommunications.com/components/com_easyblog/themes/wireframe/images/placeholder-image.png', description: '' }, membership: { active: false } }