User interface React Native中元素的重叠和定位

我试图重叠线框中显示的元素，并对它们进行定位

我试过了 -位置：“相对”，元素消失 -位置：“绝对”但对齐项目：“中心”不起任何作用

有人能帮我找出遗漏了什么吗

我附加了所有单独的.js文件中的代码，并省略了所有导入和导出语句

谢谢大家!

------------在WishlistDetail.js中------------
//愿望清单上的每一项
const WishlistDetail=（）=>{
返回(
);
};
----------在WishlistCard.js中------------------
//创建愿望卡片
const WishlistCard=（道具）=>{
返回(
{props.children}
);
};
//愿望卡片样式
const styles=StyleSheet.create({
集装箱运输方式：{
边框宽度：0.75，
背景颜色：“白色”，
边框颜色：“rgb（217217217217）”，
高度：125/*******不太确定
}
});
----------在wishlist缩略图.js中------------------
const wishlist缩略图=（）=>{
const{wishlistThumbnailStyle}=样式；
返回(
);
};
//所有样式
const styles=StyleSheet.create({
wishlistThumbnailStyle：{
身高：95，
宽度：95，
填充：20，
位置：'绝对'，
为内容辩护：“中心”
}
});
----------在WishlistThumbnailFilter.js中------------------
//创建愿望列表缩略图过滤器
常量WishlistThumbnailFilter=（）=>{
返回(
);
};
//图像过滤器样式-146 125 192.2
const styles=StyleSheet.create({
wishlistThumbnailFilterStyle：{
宽度：160，
borderTopColor:“rgba（13,13,13,0.05）”，
borderLeftColor:'透明'，
borderRightColor:“透明”，
边框宽度：250，
borderLeftWidth:0，
边框宽度：90
}
});
----------在WishlistPrice.js中------------------
const WishlistPrice=（）=>{
const{textStyle，viewStyle}=样式；
返回(
//在此插入价格
30€
);
};
//愿望价格样式
const styles=StyleSheet.create({
视图样式：{
背景色：“透明”，
填充：“3”，
//对齐项目：“柔性端”，
justifyContent:“柔性端”，
位置：'绝对'
//位置：'相对'
},
文本样式：{
字体大小：11.5，
fontFamily:“Bariol_Regular”，
颜色：'rgb（127127127）'
}
});
----------在wishlistitemdail.js中------------------
//它包含愿望列表标题和愿望列表文本
const WishlistItemDetail=（）=>{
const{wishlistItemDetailStyle，wishlistItemTitleStyle，wishlistItemTextStyle}=styles；
返回(
愿望清单项目标题
愿望列表项文本
);
};
//标题样式
const styles=StyleSheet.create({
wishlistItemDetailStyle：{
背景色：“透明”，
位置：'绝对'，
填充：5
},
希望列表标题样式：{
尺寸：15，
fontFamily:“Bariol_Regular”，
颜色：'rgb（51,51,51）'
},
wishlistItemTextStyle：{
尺寸：12，
fontFamily:“Bariol_Regular”，
颜色：'rgb（70,70,70）'
}
});

不想太详细，这看起来像是

列

与

行

在您

flexDirection

中的问题

为了获得您提供的线框样式，您需要同时使用

行

和

列

。查看以下文档：

因此，一行由两个主视图组成，在flexrow中设置样式，而我标记为蓝色的视图在列中设置样式（这是默认设置）

---

希望这有帮助

非常感谢！这是我忽略的，它帮助我完成了其他部分（：现在完成了！