Je développe une application avec React-Native. Je veux placer une icône dans le coin inférieur droit d'un composant d'image, mais elle reste toujours dans le coin supérieur gauche.
De l'aide? Merci beaucoup.
<Image source={imageSource} style={{position: "absolute", bottom: 0, right: 0}}/>
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>
);
Vous pouvez faire quelque chose comme ça ... Utilisez ceci: position: "absolute", bottom: 0, alignSelf: "flex-end"
<ImageBackground
source={require("../assets/homeAssets/3.jpg")}
style={{
height: 140,
width: 140,
resizeMode: "contain",
alignItems: "center"
}}
imageStyle={{ borderRadius: 70 }}
>
<View
style={{
height: 50,
width: 50,
borderRadius: 25,
backgroundColor: "#99AAAB",
alignItems: "center",
justifyContent: "center",
position: "absolute", //Here is the trick
bottom: 0,
alignSelf: "flex-end"
}}
>
<Entypo name="camera" size={25} color="#FFF" />
</View>
</ImageBackground>