我希望实现以下目标:
下面的图片是我现在可以做的,但这不是我想要的.
我现在拥有的代码示例:
renderA() {
return (
<View style={ position: 'absolute', zIndex: 0 }> // parent of A
<View style={ zIndex: 2 }> // element A
</View>
<View style={ zIndex: 2 }> // element A
</View>
</View>
);
}
renderB() {
return (
<View style={ position: 'absolute', zIndex: 1 }> // element B
</View>
);
}
render() {
return (
<View>
{this.renderA()}
{this.renderB()}
</View>
);
}
用语言来说,我想要
- Parent A:比一切都低.
- Element B:位于上述父级A,但低于元素A.
- Element A:比一切都重要.
注意,Parent A和Element B都必须是absolutely位,元件A和元件B都必须是clickable位...!