Bhoos / react-native-coverflow

Coverflow component for React Native
39 stars 15 forks source link

Network Images are not getting shown in the coverflow #13

Closed mailyokesh closed 6 years ago

mailyokesh commented 6 years ago

Hi I used the same code and image, but transfered those image to amazon s3 and served it through that. But the network images are not getting shown in coverflow. If i have the images locally then it shows. Please do help.

getCards(count) {
        const res = [];
        const keys = Object.keys(CARDS);
        for (let i = 0; i < count && i < keys.length; i += 1) {
          const card = keys[i];
          const cardURI = 'https://s3.amazonaws.com/002650529149-us-east-1-mobile-app-staging/tempcards/'+ card + '.png';
          console.log('Rendering Card', cardURI);

          res.push(
            <Image
              key={card}
            //   source={CARDS[card]}
              source={{uri: cardURI }}
              resizeMode="contain"
              style={{
                alignItems: 'center',
                justifyContent: 'center',
                height: '90%',
              }}
            />);
        }
        return res;
      }
syaau commented 6 years ago

@mailyokesh You need to provide a width as well when loading images from remote url. https://facebook.github.io/react-native/docs/image.

mailyokesh commented 6 years ago

thanks a lot.. that works...appreciate the help.