zIndex in React Native

Question

Как обращаться с zIndex?

Я попытался указать наибольшее число из Scrollview, но это все еще на дне (

Без ScrollView это выглядит, но мне нужно, чтобы прокрутить до изображения.

Спасибо

Answer 1

Это было реализовано в прошивке от 0,30 (см commit changes) и андроид в 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;