如何解决ImageBackground在React-Native中不带全宽的问题？

import React from 'react';
import { ImageBackground, StyleSheet } from 'react-native';

const App = () => {
  return (
    <ImageBackground
      source={require('./background.jpg')}
      style={styles.imageBackground}
    >
      {/* 内容 */}
    </ImageBackground>
  );
};

const styles = StyleSheet.create({
  imageBackground: {
    flex: 1,
    width: '100%',
    height: '100%',
    position: 'absolute',
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
  },
});

export default App;

import React from 'react';
import { ImageBackground, StyleSheet, Dimensions } from 'react-native';

const { width, height } = Dimensions.get('window');

const App = () => {
  return (
    <ImageBackground
      source={require('./background.jpg')}
      style={{ width: width, height: height }}
    >
      {/* 内容 */}
    </ImageBackground>
  );
};

export default App;

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

const App = () => {
  return (
    <View style={styles.container}>
      <ImageBackground
        source={require('./background.jpg')}
        style={styles.imageBackground}
      >
        {/* 内容 */}
      </ImageBackground>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  imageBackground: {
    flex: 1,
  },
});

export default App;