У меня это так, currentItemIndex надо устаналивать когда начинаешь драгать

элемент
CellRendererComponent = ({ children, index }) => {
return(
<View style={ index === this.state.currentItemIndex && globalStyles.zIndex }>{children}</View>
);
}
renderItem = element => {
return(
<Photo
…
/>
);
}
…
<AnimatedFlatList
data={ photos }
renderItem={ this.renderItem }
keyExtractor={ this.keyExtractor }
style={ globalStyles.fullViewWidth }
scrollEventThrottle={ 1 }
onScroll={ this.onScroll }
onScrollEndDrag={ () => {
firebase.event( `${ nav.prevScreen }_${ nav.currentScreen }_scroll` );
}}
onViewableItemsChanged={ this.onViewableItemsChanged }
getItemLayout={ this.getItemLayout }
contentContainerStyle={[ globalStyles.alignCenter, {
paddingHorizontal: sizes.previewMargin,
}]}
snapToInterval={ sizes.previewWidth }
showsHorizontalScrollIndicator={ false }
overScrollMode={ config.isIos ? 'auto' : 'never' }
decelerationRate={ config.isIos ? 0 : 0.82 }
initialScrollIndex={ this.initialScrollIndex() }
CellRendererComponent={ this.CellRendererComponent }
directionalLockEnabled
removeClippedSubviews
pagingEnabled
horizontal
/>

Спасибо. Попробую этот способ.

Не помогло. Видимо когда происходит жест она из потока выбивается и там уже свой zIndex стоит.