如何在React-Native圖像組件的右下角定位子視圖？

Question

我正在使用React-Native開發應用程序。 我想在圖像組件的右下角放置一個圖標，但它始終停留在左上角。

任何幫助？非常感謝你。

Answer 1

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

Answer 2

您可以使用justifyContent: 'flex-end'來實現這一目標：

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