<ImageBackground /> cripples JS animation performance [Android]

[jordangrant]

When I used an ImageBackground in my FlatList, it crippled my animation performance for JS animations. (Image works properly.)

<FlatList
data={'bg1', 'bg2', 'bg3'}
horizontal={true}
renderItem={({ item, index }) =>
     <TouchableOpacity ...>
          <ImageBackground source={{ uri: item }} style={S.avatar} />
     </TouchableOpacity>
} />

This performance degradation was visible on the component rn-sliding-up-panel https://github.com/octopitus/rn-sliding-up-panel

This was hard to track down, but yes, this one little difference (ImageBackground vs Image) destroyed the usability of the sliding-up-panel.

Watch this video: https://youtu.be/CanW129GyD8

React Native version: 60.5
CC: #22448, @iljadaderko, @club9822