Wie positioniert man eine untergeordnete Ansicht in der rechten unteren Ecke einer reaktionsnativen Bildkomponente?

Question

Ich entwickle eine App mit React-Native. Ich möchte ein Symbol in der rechten unteren Ecke einer Bildkomponente platzieren, aber es bleibt immer in der linken oberen Ecke.

Irgendwelche Hilfe? Vielen Dank.

Answer 1

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

Answer 2

Sie können justifyContent: 'flex-end' verwenden, dies zu erreichen:

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> 
);