5mb image is not opening in android and loader stops immediately

[arunravilla]

[oblador]

Hi, sounds like you're having other issues due to the image being so big. This package just uses the regular react-native Image under the hood by default. Can you confirm that it's indeed a problem whit this package and not the regular Image component?

[NNprajapati]

Image is load successfully but loading is not gone and, is this any method or property to set timing of both process work together.

i am using in Flatlist and i want to load image in each items.

Code is :

import FastImage from 'react-native-fast-image';
import * as Progress from 'react-native-progress';
import { createImageProgress } from 'react-native-image-progress';

const LodingImage = createImageProgress(FastImage);

renderItem(data) {

        let { item, index } = data;

            return (
            <TouchableWithoutFeedback onPress={(event)=>this.didSelectNewsFeed(item)}>
                <View style={styles.itemBlock}>
                    <View style={styles.itemMeta}>
                    <LodingImage 
                                source={{uri:item.image[0]}} 
                                indicator={Progress.Pie} 
                                style={{styles.blockBgImage}} />
                     </View>
                </View>
          </TouchableWithoutFeedback>
        ) 
    }

[ewwmitanshu]

import FastImage from 'react-native-fast-image';
import { createImageProgress } from 'react-native-image-progress';
import { ActivityIndicator } from 'react-native';
import HRColors from '../Utils/HRColors';
import Assets from '../Assets/index';

const HRRecommendedComponent = props => {
const Image = createImageProgress(FastImage);
            return (
           <Image
          indicator={() => (
            <ActivityIndicator size={'small'} color={HRColors.primary} />
          )}
          style={styles.imageStyle}
          source={
            props?.item?.service_images?.length > 0
              ? {
                  priority: 'high',
                  cache: 'immutable',
                  uri: props?.item?.service_images[0]?.image,
                }
              : Assets.noDataImage
          }
        />
        ) 
    }