memory leak bug plz

[jhui134]

Is this a bug report, a feature request, or a question?

bug report!

Have you followed the required steps before opening a bug report?

(Check the step you've followed - put an x character between the square brackets ([]).)

• [x] I have read the guidelines regarding bug report.
• [x] I have reviewed the documentation in its entirety, including the dedicated documentations :books:.
• [x] I have searched for existing issues and made sure that the problem hasn't already been reported.
• [x] I am using the latest plugin version.
• [x] I am following the issue template closely in order to produce a useful bug report.

Have you made sure that it wasn't a React Native bug?

(Write your answer here.) yes

Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?

both platforms android 9.0 ios 14.2

Is the bug reproductible in a production environment (not a debug one)?

no

Environment

hello

memory leak occurs ParallaxImage in both platforms and It does not occur if you annotate ParallaxImage....

my code

class MainLikeCafe extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            activeSlide: 0,
            likeCafeArr: [],
        };
    }

    onSlideBanner = (index) => {
        this.setState({
            activeSlide: index,
        });
    };
    renderItem = ({ item, index }, parallaxProps) => {
        return (
            <View style={{ flex: 1 }}>
                <View style={{ height: 300 }}>
                    <ParallaxImage
                        source={item.url ? { uri: item.url } : require('@/Assets/Images/Home/banner01.png')}
                        // source={{ uri: item.url }}
                        containerStyle={{ height: 300, borderRadius: 8 }}
                        style={{ resizeMode: 'cover' }}
                        parallaxFactor={0.3}
                        {...parallaxProps}
                    />
                </View>
            </View>
        );
    };
    render() {
        let likeCafeArr = [];
        if (this.props.mainList && this.props.mainList.data.likeCafe) {
            likeCafeArr = this.props.mainList.data.likeCafe;

        }

        return (
            <View style={{ marginTop: 60, paddingLeft: 20 }}>

                <View style={{ marginTop: 20 }}>
                    <View style={{ height: 347 }}>
                        <Carousel
                            ref={(ref) => {
                                this.carouselRef = ref;
                            }}
                            layout={'default'}
                            data={likeCafeArr}
                            renderItem={this.renderItem}
                            sliderWidth={width}
                            sliderHeight={341}
                            itemWidth={width * 0.6}
                            inactiveSlideScale={0.7}
                            activeSlideAlignment={'start'}
                            firstItem={this.state.activeSlide}
                            hasParallaxImages={true}
                            removeClippedSubviews={true}
                            onSnapToItem={(index) => this.onSlideBanner(index)}
                        />
                    </View>
                </View>
            </View>
        );
    }
}

[gXiaofei]

I also met

[dohooo]

Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2