React Native bug

App.js

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

const styles = StyleSheet.create({
  root: {
    flex: 1,
  },
  header: {
    height: 300,
    backgroundColor: 'blue',
  },
  content: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    // backgroundColor: 'green',
  },
  image: {
    width: 250,
    resizeMode: 'contain',
    backgroundColor: 'red',
  },
});

const someImage = require('../img/empty.png');

export default class App extends Component {
  render() {
    return (
      <View style={styles.root}>
        <View style={styles.header} />
        <View style={styles.content}>
          <Image source={someImage} style={styles.image} />
        </View>
      </View>
    );
  }
}