Re-render FlatList (ON Image onLoadStart LoadEnd) Show Activity Indicator

[msn.ss]

const [loading, SetLoading] = useState(true);

<FlatList

        extraData = {loading}

        data = {products}

        keyExtractor = {(res)=>res.product_id}

        renderItem= {({item}) => {

            return(

            
                <ProductDetail loading = {loading} SetLoading = {SetLoading} result = {item} />


            )

            }

ProductDetail.js
<Image onLoadEnd = {SetLoading(false)} style = {Styles.image} source={{uri:${curl}}}/>

But Not showing Activity indicator…?