Red borders around images

[joshbedo]

So right now i have a problem where all of my <Image /> tags have red borders around them. I tried loading different images to make sure that it wasn't something to do with the location of the image but i can't seem to fix it. Here is a screenshot of what i'm seeing. Does anyone have any ideas? Also i was wondering about the best way to debug this

[frantic]

Did you add images to Images.xcassets in Xcode? Is there anything in Xcode logs?

[joshbedo]

I'm using <Image source={{uri: 'http://randomimageurl' }} style={{width:20, height:20}} /> so i shouldn't need to worry about Images.xcassets unless i'm using require('image!imagename'), right?

[brentvatne]

@joshbedo - can you post a project where this happens to Github and link us to it? that would probably be the easiest way for us to discover the problem

[joshbedo]

@brentvatne Yup, I'm using React Native Router - https://github.com/t4t5/react-native-router

[joshbedo]

So i recreated the application and it doesn't happen anymore.. I guess someone happened with the xcodeproj or some other area that broke images.

[jonmorehouse]

Hey guys, I'm having the same issue. Over in the #reactnative irc.

@brentvatne

[dsibiski]

Hey @jonmorehouse, I'm having this issue as well...were you able to find a fix for it besides just recreating the project?

[dsibiski]

Actually, I found out why it wasn't working for me...I hadn't included the RCTImage.xcodeproj library in my iOS Project. Once I added it and linked the product, everything worked fine.