Image doesn't render correctly on Android with React Native

[mariofay]

Expected Behavior

I took an example on iOS to illustrate the desired behavior but the problem is on Android

Actual Behavior

Context

I'm currently developing a kind of blog to create articles on Contentful and retrieve them on my application. On iOS everything works fine, however on Android the image does not display correctly and re-covers the text of my article as if it was taken out of the feed

My code

1 ------

    renderNode: {
      [INLINES.HYPERLINK]: node => {
        return (
          <View>
            <StyledImage screenWidth={screenWidth} source={{ uri: node.data.uri }} />
          </View>
        );
      },

2 ------

const StyledImage = styled(Image)<{ screenWidth: number }>(({ screenWidth }) => {
  const cardWidth = ARTICLE_IMAGE_WIDTH_SCALE * screenWidth;
  const cardHeight = cardWidth * ARTICLE_IMAGE_HEIGHT_ASPECT_RATIO;
  return {
    width: cardWidth,
    height: cardHeight,
    borderRadius: theme.spacing[24],
  };
});

Environment

• Language Version: v16.17.0
• Package Manager Version: 8.15.0
• Package Version: "@contentful/rich-text-types": ^16.0.2