[BUG] TypeError: Reduce of empty array with no initial value

[hjonac]

Software Package Version:

Describe the bug
Error when trying to load local images.

import React, { Component } from 'react'
import { View, Image } from 'react-native'
import ImageLayout from 'react-native-image-layout'
import { Container, Content, Card, CardItem } from 'native-base'
import { view } from '../styles/'
import EStyleSheet from 'react-native-extended-stylesheet'
import { UserContext } from '../context/UserContext'
import Header from '../components/Header'

import images from '../assets'

const s = EStyleSheet.create({
	...view,
	image: {
		height: 400, 
		left: 0, 
		right: 0,
		flex: 1
	}
});

class Recomendaciones extends Component {

	static navigationOptions = {
		// headerTitle instead of title
		headerTitle: <Header title={'Recomendaciones'} withBack />,
	};

	constructor(props) {
		super(props)
	}

	render() {
		return (
			<ImageLayout
				images={[
					{source: require("../assets/reco1.png"), width: 1600, height: 1600},
					{source: require("../assets/reco2.png"), width: 1600, height: 1600}
				]}
			/>
		);
	}
}

export default Recomendaciones;

Screenshots

Version (please complete the following information):

• Device: iPhone 11
• Android:
• iOS: 13.3
• react-native: 0.61.4
• react: 16.9.0

[IMaz6]

I have had that problem too, Try loading it as a state, and fill it with data in one of your mount functions.

It seems like the library is not updating one of its children components, because when I load the data through the state I can't get it to zoom on tap.. I get "data[0] is undefined", but when I load them ahead of time I get "cannot reduce array with no initial value".

This is a weird bug and has me frustrated because the example array works seamlessly every time, and my array structure looks exactly like it

@Luehang please advise friend

[spookyvert]

@Luehang