Task orphaned for request in react-native – what does it mean? : <p>I am trying to build a grid system for tiles with buttons and other actions. I forked trying with the react native playground grid images source, that you can find <a href="https://rnplay.org/apps/sXriww" rel="noreferrer">here</a>. It produces the following "stacktrace" and error when adding <code>zIndex</code> to individual pics. Images are never portrayed.</p>

<p><a href="https://i.stack.imgur.com/9MIIk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9MIIk.png" alt="enter image description here"></a></p>

<p>In case you are interested this is the exact component I am using:</p>

<pre><code>export default class GridLayout extends Component {
  constructor () {
    super()
    const { width, height } = Dimensions.get('window')
    this.state = {
      currentScreenWidth: width,
      currentScreenHeight: height
    }
  }

  handleRotation (event) {
    var layout = event.nativeEvent.layout
    this.setState({ currentScreenWidth: layout.width, currentScreenHeight: layout.height })
  }

  calculatedSize () {
    var size = this.state.currentScreenWidth / IMAGES_PER_ROW
    return { width: size, height: size }
  }

  renderRow (images) {
    return images.map((uri, i) =&gt; {
      return (
        &lt;Image key={i} style={[styles.image, this.calculatedSize()]} source={{uri: uri}} /&gt;
      )
    })
  }

  renderImagesInGroupsOf (count) {
    return _.chunk(IMAGE_URLS, IMAGES_PER_ROW).map((imagesForRow) =&gt; {
      console.log('row being painted')
      return (
        &lt;View key={uuid.v4()} style={styles.row}&gt;
          {this.renderRow(imagesForRow)}
        &lt;/View&gt;
      )
    })
  }

  render () {
    return (
      &lt;ScrollView style={styles.grid} onLayout={(ev) =&gt; this.handleRotation(ev)} contentContainerStyle={styles.scrollView}&gt;
        {this.renderImagesInGroupsOf(IMAGES_PER_ROW)}
      &lt;/ScrollView&gt;
    )
  }
}

var styles = StyleSheet.create({

  grid: {
    flex: 1,
    backgroundColor: 'blue'
  },

  row: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'flex-start',
    backgroundColor: 'magenta'
  },

  image: {
    zIndex: 2000
  }
})
</code></pre>
