Image as background cannot set background position

[sscaff1]

I have a variable image coming from the web that I need to use as the background of a container. So this works fine. The only problem is I don't know how to set the position of the background. I want to use something like background-position so that my background is in the top left.

Here is a code snippet:

export default function App({ uri }) {
  return (
    <Image source={{ uri }} style={styles.container}>
      <Text>HELLO WORLD</Text>
    </Image>
  );
}
const styles = StyleSheet.create({
  container: {
    padding: 5,
    height: 150,
    width: WINDOW_WIDTH,
    resizeMode: 'cover',
    backgroundColor: 'transparent',
  },
});

The default background position seems to be the center of the image. Anyway to get this to work?

[hramos]

We're cutting down on the number of outstanding issues, in order to allow us to focus. I'm closing this issue because it has been open for over 60 days with no activity. If you think it should still be opened let us know why. PRs are always welcome.

[unmec]

I am also looking for something similar like background position

[anhuiliujun]

Me too.

[jeffpc1993]

Was looking for background position
Unable to find any solution.

[pewh]

+1 need this for image sprite

[sscaff1]

@hramos can this issue be reopened? It seems to be gaining some interest.

[hramos]

@sscaff1 I'd re-open it, but the original post does not adhere to the issue template we're using. Unless the OP edits it, it's probably best to open a new issue.

[sscaff1]

Will do thank you.