问题描述
我想使用 React Native 创建重叠元素.
I want to create Overlapping Elements using React Native.
一个例子可以是 Trixie App，如下所示 -
An example can be Trixie App as follows -
我想在 blue & 之间创建一个这样的盒子白色.
I want to create a box like that in-between blue & white color.
可以使用 Flexbox 完成还是需要绝对定位?Bcz 如果我使用绝对定位创建，假设我给它 height:100(蓝色)，那么 white 聊天框可能不会出现一半取决于屏幕尺寸，适用于各种设备.
Can it be done using Flexbox or do we need Absolute Positioning ? Bcz if I create using Absolute positioning, lets assume I give it height:100 (the blue color) then the white chat box might not be halfway up & down on various devices depending on their screen dimensions.
还有如何让它在平板电脑等各种设备上响应?
Also how to make it so that its responsive on various devices like Tablets, etc ?
推荐答案
回答我自己的问题.
可以使用position: absolute;顶部:-25; &它必须在内部使用 position: relative.
It can be done using position: absolute; top: -25; & it has to use position: relative in the inside.
我会尽快发布一个链接以完成回购.暂时只回答这么多.回购将在 2 天内提供.
I'll post a link to complete repo soon enough. Answering only this much for now. Repo will be provied in 2 days.
此外，还制作了一个 repo 使其更简单 - https://github.com/entria/react-native-view-overflow
Also, a repo has been made to do it much simpler - https://github.com/entria/react-native-view-overflow
这篇关于在 React Native 中重叠元素样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！