ReactNative: Срабатывает TouchableOpacity при скролле

Здраствуйте, изучаю ReactNative, сделал горизонтальный ScrollView, внутрь поместил блоки TouchableOpacity.
Делаю профиль, с возможностью открыть фото.
При скролле блока с фотографиями в TouchableOpacity срабатывает onPress, и открывается фотография
Как сделать чтоб такое не происходило, и чтоб можно было нормально скролить?

{album.images.map((img, index) => (
  <TouchableOpacity style={{ flexDirection: 'row', marginTop: 10 }} onPress={() => { openAlbum(album.images /*фотографии*/, index /*по которой кликнули*/) }}>
    <Image style={{ width: imgWidth + 50, height: imgWidth + 50 }} source={{ uri: img }}/>
  </TouchableOpacity>
))}

Вот как выглядит

Когда скроллю открывается фотография, хотя должен просто просскролить вправо: