Настройте ImageBackground на полный экран

Question

Я дал компонент ImageBackground и хочу, чтобы он занимал весь экран, но, похоже, он имеет небольшие отступы, даже если я изменяю размер изображения в два или более раз.Откуда это?

Here is the code of the component

import React from "react";
import { View, Text, Button, ImageBackground, StyleSheet } from "react- 
native";

export class HomeScreen extends React.Component {

static navigationOptions = {
  //To hide the NavigationBar from current Screen
  header: null
};

render() {
  return (
     <ImageBackground source={require('../imgs/bgx.png')} style={ 
       styles.container }>
     </ImageBackground>
  );
}


}

var styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'stretch',
    resizeMode: 'stretch'
  }
});

Answer 1

Добавить width='100%' и height='100%'

Answer 2

Убедитесь, что исходное изображение имеет , а не прозрачность.

Установите width: '100%' и height: '100%' для компонента ImageBackground.Это что-то меняет?