【问题标题】:React Native stacking orderReact Native 堆叠顺序
【发布时间】:2016-08-23 16:43:41
【问题描述】:

由于 react-native 中没有 zIndex,我们不得不使用 position: absolute 并且最后一个元素出现在顶部。反正有没有扭转这种行为。我希望最后一个项目位于底部,第一个项目堆叠在顶部。

我猜 flex order 不适合 react-native。

想想一个可滑动的无限整页宽度/高度新闻提要。我需要将第一个项目放在顶部,因此附加到视图的项目应该放在下面。

任何指针将不胜感激。

【问题讨论】:

    标签: javascript reactjs react-native


    【解决方案1】:

    我也一直在想这个。我找到了一个仅限 Android 的解决方案。如果您为视图提供高程,则可以按您想要的顺序堆叠它们。我不确定如何用 iOS 解决这个问题。

    elevation number (Android-only) 设置视图的高度,使用 Android 的底层海拔 API。这会为 项目并影响重叠视图的 z 顺序。仅支持 Android 5.0+,对早期版本没有影响。

    来源:https://facebook.github.io/react-native/docs/view.html

    【讨论】:

      【解决方案2】:

      如果您通过 Google 搜索被重定向到此页面,请注意 RN v0.29 及更高版本支持 zIndex 解决此问题。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2016-11-08
        • 1970-01-01
        • 1970-01-01
        • 2016-02-13
        • 2017-07-31
        • 2019-10-22
        • 2015-12-07
        相关资源
        最近更新 更多