Using Image as background in React Native

[ploose]

Hi all

I wanted to use Victory Charts to create a chart with a colored background.
Because I didn't find out how to do conditional background color, I figured I might want to use a background image.

However, my background image doesn't really stay in the background but instead is in the foreground and covers the whole chart.

My code:

function CustomBackground() {
return (
<Image
style={styles.tinyLogo}
source={{
uri:
// 'https://i.ibb.co/tP2cGGh/Screenshot-14.png',
'https://www.phinational.org/wp-content/uploads/2017/07/fb-test-image-470x246-300x157.jpg'
}}
/>
);
}

const MyChart = props => {
return (
<VictoryChart
domain={{ y: [2000, 5000] }}
style={{
background: {opacity: 1}
}}
backgroundComponent={

}

>
  <VictoryLine
    data={[
      { x: 0, y: 2500 },
      { x: 1.25, y: 2600 },
      { x: 1.8, y: 3000 },
      { x: 2.7, y: 3300 },
      { x: 3.1, y: 3800 },
      { x: 3.25, y: 4000 },
      { x: 3.5, y: 4000 },
      { x: 4, y: 4478, label: '4,478m' },
      { x: 4.5, y: 4300 },
      { x: 5.1, y: 4200 },
      { x: 6.3, y: 3500 },
      { x: 6.75, y: 3400 },
      { x: 7, y: 3300 },
      { x: 7.25, y: 3200 },
      { x: 9, y: 2900 },
      { x: 12, y: 2000 },
    ]}
    style={{
      data: { strokeWidth: 4},
    }}
  />
  <VictoryAxis dependentAxis />
</VictoryChart>

);
};