LazyLoadImage is not working inside LazyLoadListView

[nimabk82]

renderRow = (file) => {
        return <View
            style={styles.view}
        >
            <LazyloadView
                host="listExample"
                style={styles.file}
            >
                <View style={styles.id}>
                    <Text style={styles.idText}>{file.id}</Text>
                </View>
                <LazyloadImage
                    host="scrollImage"
                    style={styles.image}
                    source={file.image}
                    animation={false}
                />
                <View style={styles.gender}>
                    <Text style={[styles.genderText, file.gender === 'Male' ? styles.male : styles.female]}>{file.gender}</Text>
                </View>
            </LazyloadView>
        </View>;
    };

    render() {
        return <LazyloadListView
            style={styles.container}
            contentContainerStyle={styles.content}
            name="listExample"
            dataSource={this.state.dataSource}
            renderRow={this.renderRow}
            scrollRenderAheadDistance={200}
            renderDistance={100}
            pageSize={1}
            initialListSize={10}
        />;
    }