react-native-masonry: The layout is broken -- kind of

Here is a screenshot:

Sometimes the columns are a miss

These quirk happen sometimes on navigation. When I navigate to and fro to this page.

In the below image, data is ordered as 5,4,3,2,1. But the list renders them as below.

<ScrollView style={{ flex: 1, padding: 5 }}>
        <Masonry
          bricks={this.state.contents}
          columns={2}
        />
      </ScrollView>
    );