ZIndex in React Native

Question

How to handle zIndex?

I tried to specify the largest number from scrollview, but it is still at the bottom (

Without ScrollView, it looks like this, but I need to scroll the image to the image.

thanks

Answer 1

This was implemented in iOS with 0.30 (see committing changes ) and in android at 0.31 ( changes )

I made a simple example component for how I used it:

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