IOS - zIndex ignored with nested views

Following code does not work as expected on IOS simulator with RN 0.30.0. On android it seems to work correctly.

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class Demo extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View>
          <View style={[styles.blueItem, {zIndex: 100}]}>
            <Text>zIndex: 100</Text>
          </View>
        </View>
        <View style={[styles.greenItem, styles.absolute, {zIndex: 2}]}>
          <Text>zIndex: 2</Text>
        </View>
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 20,
  },
  blueItem: {
    backgroundColor: 'blue',
    height: 50,
  },
  greenItem: {
    backgroundColor: 'green',
    height: 50,
    width: 50,
    position: 'absolute',
    top: 45,
    left: 0,
  },
});

I would expect that blue item with zIndex 100 will be over green box (with zIndex 2).

Note that if I remove the “outer view” (around blue box), zIndex works fine.