Force Update

On a project I’m working on I need the ability to force update the layout on a click event. Is there a method on this.masonry that allows this? I have cards that expand and collapse on click.

[Mike-Timms]

If I dynamically change the size of an item will calling this.masonry.layout() cause the items to reorder accordingly to fit? Because when calling it, the items still stay the same and arent being reordered.

On a project I’m working on I need the ability to force update the layout on a click event. Is there a method on this.masonry that allows this? I have cards that expand and collapse on click.

Realise this is a long time after you were working on this, but found this functionality is already built in.

Looking through the Index.js file of the module there is a prop you can add to the masonry component “enableResizableChildren”.

Your Masonry component would looks something like:

<Masonry enableResizableChildren={true} otherProps="" > // Your masonry content </Masonry>

[bryndyment]

Could someone provide an example of calling reloadItems from within a function component?