Comment positionner une vue enfant sur le coin inférieur droit d'un composant image React-Native ?

Question

Je développe une application avec React-Native. Je veux mettre une icône dans le coin inférieur droit d'un composant image, mais elle reste toujours dans le coin supérieur gauche.

Une aide ? Merci beaucoup.

Answer 1

<Image source={imageSource} style={{position: "absolute", bottom: 0, right: 0}}/>

Answer 2

Vous pouvez utiliser justifyContent: 'flex-end' pour y parvenir :

const withWatermark = (asset, logo) => (
  <Image style={{ width: 200, height: 200, justifyContent: 'flex-end' }} source={asset}>
    <Image style={{ width: 20, height: 20, alignSelf: 'flex-end' }} source={logo} />
  </Image>
);