Invariant Violation [923, "RCTImageView" ... ] is not usable as a native method argument

[abdul-elah-js]

Expected Behavior

To Render The Masonry Images

Current Behavior

Breaks Down

Context (Environment)

1- react v16.6.3
2- react-native v0.58.1
react-native-masonry v^0.5.0-alpha.3

All I want to do is to render a simple Masonry but i keep getting this error

i pass the images array with additional data like this

[ { uri: 'image_url', description: 'txt' }, { uri: 'image_url', description: 'txt' } ]

<Masonry
     sorted
     columns={ 3 }
     bricks={ props.images }
/>

[thang-nm]

I have same problem! >.<

[abdul-elah-js]

are you using the same version of react-native ? 0.58.1 ? @Lang-le

[thang-nm]

@abdul-elah-js I use React Native 0.58.3.

[abdul-elah-js]

could it be because of the whole .58 version ? i read the changelog but i don't remember finding anything relevant about the RCTImageView 🤔, anyhow i'll try it with 0.57 version just to be sure, if you figured it out, help me out

[brh55]

@abdul-elah-js
I suspect the error has to do with the fact that your application is probably having issues getting that image as it's deriving NaN in it's resizing calculations -- it's supposed to log it if it receives a 400/404, so there maybe a bug there.

You might see some logs in the console, or I would try directly creating an image element with that URL and see if there are any issues with it.

[thang-nm]

@brh55
Yeah. So do i. But use Google logo at Google.com, so it can't be 400/404 (etc..)
Images show for the first time and i reload simulator (Command + R), then i got that error!

[thang-nm]

@abdul-elah-js
I created my own masonry layout base on FlatList and height of the image.
If you already know image size, you can make your own layout. I think it's better than automatic calculation!

[abdul-elah-js]

@brh55 I tried giving the image a height, width and resizeMode but still i got the same error without any logs, the weirdest thing though is this error is only triggered after running perfectly for the first time !,

[abdul-elah-js]

@Lang-le I did the same 👍🏽

[EdisonDevadoss]

Help me I also facing the same error.

    "react": "16.6.3",
    "react-native": "0.58.6",

[mingxin-yang]

I have same problem! The images success to display at the first time, but It show errors the next time

"react": "16.8.3",
"react-native": "0.59.1",

[brh55]

Is this android or iOS? @mingxin-yang

[mingxin-yang]

android @brh55

[bamaarintoko]

this is solved? i got same error

[brh55]

Update, error stems from the fact that onLayout in the view doesn't get triggered within Android in some newer versions of React-Native.

Clearly, this is an important basis for calculating appropriate image resizing, hence the NaN. Messing around with potential workarounds for the time being.