在React Native中的zIndex

Question

如何处理zIndex？

我尝试从scrollview中指定最大数字，但它仍然在底部（

没有ScrollView它看起来像这样，但我需要向上滚动到图像。

谢谢

Answer 1

这已在iOS中实现0.30（参见commit changes）和android中的0.31（changes）

我已经为我如何使用它做了一个简单的示例组件：

'use-strict';

import React, { Component } from 'react';
const { View, StyleSheet } = require('react-native');

const styles = StyleSheet.create({
    wrapper: {
        flex:1,
    },
    back: {
        width: 100,
        height: 100,
        backgroundColor: 'blue',
        zIndex: 0
    },
    front: {
        position: 'absolute',
        top:25,
        left:25,
        width: 50,
        height:50,
        backgroundColor: 'red',
        zIndex: 1
    }
});

class Layers extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <View style={styles.wrapper}>
                <View style={styles.back}></View>
                <View style={styles.front}></View>
            </View>
        );
    }
}

module.exports = Layers;