zIndex in React Native

Question

Wie mit zIndex umgehen?

Ich habe versucht, die größte Zahl der Scroll angeben, aber es ist immer noch am unteren Rand (

Ohne Scroll sieht es so aus, aber ich brauche, um Bild, um nach oben.

Danke

Answer 1

Dies als 0,30 in iOS umgesetzt wurde (siehe commit changes) und in android in 0,31 (changes)

Ich habe ein einfaches Beispiel Komponente gemacht, wie ich benutze es:

'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;