changing orientation causes items to be misaligned

[bajh]

If I change orientations while a SideSwipe instance is rendered, the items will initially be misaligned, see screenshot below. If I swipe around a bit the carousel item will lock back into its proper place and work fine from that point on. The problem seems to only exist immediately after the orientation change. No idea if this is a bug or if there's something I can add to get around it, but any help would be very much appreciated!

Code:

    <View style={{flex: 1}}>
      <SideSwipe
        index={ix}
        itemWidth={width}
        style={{width}}
        data={images}
        contentOffset={0}
        onIndexChange={ix => setIx(ix)}
        renderItem={({item: image, itemIndex}) => {
          return (
            <GalleryImage image={image} index={itemIndex} navigation={navigation} />
          )
        }}
      />
  </View>

Example:

Initially loaded with portrait orientation:

Immediately after switching to landscape:

After swiping around in landscape: