[RN][Android] Fix <Image/> Logbox feedback loop

[cipolleschi]

[RN][Android] Fix Logbox feedback loop

[cipolleschi]

@deepanshushuklad11 Thanks for the interest in this issue! This is a task I created to mirror an internal task as we are collaborating with another company which is helping with some bugs. Let's leave this to them for the time being! ;)

[react-native-bot]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

[react-native-bot]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template

[deepanshushuklad11]

@cipolleschi can you please explain more about view preallocation ?

[coado]

@cipolleschi I am not sure if I understand that correctly, but I think that warnImageSource is called only in the setSource function, which is called with uri props passed by the user, so the preallocation does not cause calling warnImageSource function or is it something that should also be added here?

For this code and with activating on bridgeless here, should it technically cause the feedback loop to happen in the current configuration?

import { Image, StyleSheet, SafeAreaView } from "react-native";

const IMAGE1 =
  'https://www.facebook.com/assets/fb_lite_messaging/[email protected]';


const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Image style={styles.image} source={{ uri: IMAGE1 }} />
    </SafeAreaView>
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 200,
    height: 200,
  },
})

export default App;