React-native: [0.29] With flexWrap: 'wrap', unexpected margin appears between wrapped rows

[inetfuture]

This issue appears after upgrading to 0.29.

This code:

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

export default class Test extends Component {
  render = () => {
    return (
      <View style={styles.container}>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
        <Text style={styles.item}>Text</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    marginTop: 20,
    flexDirection: 'row',
    flexWrap: 'wrap'
  },
  item: {
    width: 80
  }
});

Resulting this screenshot:

You can see that there is huge margin between rows, and with more rows, the margin will be bigger.

Is this a bug or some flexbox behavior has been changed that I am not aware of?

Thanks.

[thorbenandresen]

Does this here help: https://github.com/facebook/react-native/issues/8561 ?

[inetfuture]

Adding alignItems: 'flex-start' works