ListView正在粉碎Tabs

时间:2016-07-20 11:14:30

标签: reactjs react-native

我有一个Tab视图,我在项目中添加了一个新的ListView组件。问题是我有ListView使用flexbox配置,当我向下滚动时ListView已经在我的选项卡上,我无法点击它们 enter image description here

我想要做的是ListView位于Tab部分下面并能够滚动它。

关于如何做到这一点的任何提示?

2 个答案:

答案 0 :(得分:1)

反应天然剂量不具有z指数当量。相反 - 组件的顺序决定了它们的显示顺序。

如果您希望TabBar位于顶部,只需将组件移动到文件末尾即可。

您可以在线查看web page,只需更改View的顺序,然后查看订单如何相应更改。

编辑:从版本0.30开始,React Native支持z-index作为zIndex样式。看看here

答案 1 :(得分:0)

尝试添加位置:固定到底部的组件,但在这种情况下,您需要指定它的确切位置。

如果这不起作用,请使用flexbox创建粘性页脚,您可以在此处找到:https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/