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