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>
    );

[zanisis]

yes my issue is same. sometimes image not showing . if i close page and come back again my image will be show. i using with react navigation

[brh55]

@jacktator Are you experiencing uneven layouts? If so the current release of masonry only places them where they are initially assigned prior to resolving dimensions. This feature of best effort equally distributed layouts is available in the branch v0.5.0 but it not all additional planned updates have been finished so I haven’t released it yet. Feel free to try and test and provide feedback.