最近做一个公司的项目，其中有个需求，类似于Android中的下拉菜单，这个就涉及到了图层的问题，ReactNative中，与之相关的是positon，下面分几种情况讨论
一、大前提：父View不是position定位
1.上面的view和下面的view都是position定位，如下图:
可见，都用了position后，在定位重复时，下面的view会覆盖上面的view（小神经被我的大学在山东覆盖），这说明，下面的view图层更高。
2.上面的view不是，下面的是绝对定位。把小神经的Position:absolute去掉，自然top 和left也去掉。效果图如下：
可以看到，“我的大学在山东” 的绝对定位是以其直接父view 为参考点定位的，而不是整个的窗口。如果去掉top 和left，如下图：
可以看到就好像没有加Position:absolute 定位一样，但此时图层是降了的，稍后再讲。
3.上面的view是绝对定位，下面的不是。在“我的大学在山东” 下面加上一个view，如下图：
可以看到，“我爱你” 这个元素，表现的好像“我的大学在山东” 不存在一样，覆盖了它（加上背景色更显著）. 此时，加上top:0 和left:20定位
看来，这个不影响后面的元素。
在这个大前提下，我们来看看，justifyContent 和alignItems 和alignSelf 的影响。
在这里，我的"闫雅"用了alignSelf:'flex-end',这个导致，效果如下：
也就是说，“闫雅”这个不是占据一整行了(没有加width属性)，加上背景色，只会显示包容“闫雅”二字这么个长度的着色，然后我给"闫雅"加上width：width属性，并设置背景色。布局和样式如下：
效果如下：
可以看到，虽然"我的大学在山东" 用了绝对定位，但因为其在"闫雅"的 布局下面，所以图层更高。
另外设置了Position属性的view alignSelf 不起作用，alignItems 和justifyContent对其子元素起作用。其父view 的alignItems 和justifyContent 对其不起作用。
总结：在ReactNative 中，当view设置了position属性后，图层变低，但是比其前面的图层高。子view的图层高于父view的图层。
如果要实现弹出菜单覆盖当前页面部分内容，可以用以上知识做，也可以把菜单的margin 属性设置为负的，满足条件显示即可。
