react-native-masonry Masonry fails to render all columns (except the last) on reload on Android only

Masonry fails to render all columns (except the last) on reload on Android only

Open maboelsoud opened this issue 6 years ago • 6 comments

Expected Behavior

the expected behaviour should be that the masonry is rendered correctly

Current Behavior

when you refresh the app, the masonry fails to render all but the last column

Possible Solution

inspecting the code, it seems that all the bricks are given a width and height of 'Nan', but only the bricks in the last column get called with "_setParentDimensions" in Mansonry.js.

Steps to Reproduce

Link to the expo repo: https://snack.expo.io/BJITHeTm7 Make sure the preview is activated and the phone used for the preview is an android.

click "tap to play", the masonry should behave as expected
go in the code, just press space at an empty area in the code to trigger a refresh
look at the phone preview, the masonry should look buggy

Context (Environment)

Detailed Description

Possible Implementation

Jul 18 '18 17:07 maboelsoud

Did you resolved it ? I am also facing the same issue

Jul 19 '18 09:07 Dhanraj-bidchat

Any progress on this? Having troubles with this issue as well

Aug 06 '18 20:08 novalain

temporary solution

constructor(props) {
    super(props);
    this.state = {
      data,
      columns: 3,
    };
  }

componentDidMount() {
    setTimeout(() => {
      this.setState({ columns: 2, padding: 5 });
    }, 500);

  }