反应原生 |我无法覆盖 bg 图像

Question

我试图适合我的背景图像，以覆盖整个应用程序，但它不是，即使我已经测试了大多数类似的线程在这里，所以任何帮助是感激的。

我对原始源代码进行了一些更改，并在图像的左边缘添加了一个箭头，当我打开手机上的EXPO应用程序时，我希望在边缘有这个箭头，但我只在左边缘看到几个像素的箭头。

**app.js**
function HomeScreen() {
return (
<ImageBackground source={require('./assets/bgImage.jpg')} style={styles.bgImage}>
<View>
<Text>Home Screen</Text>
</View>
</ImageBackground>
);
}

bgImage: {
flex: 1,
width: null,
height: null,
resizeMode: 'cover',
justifyContent: 'center',
alignItems: "center"
}

Answer 1

试试这个:-

import React from 'react';
import { ImageBackground, View, Text } from 'react-native';
const HomeScreen = () => {
return (
<ImageBackground source={require('../assets/apple.jpg')}
style={{
position: "absolute",
top: 0,
left: 0,
bottom: 0,
right: 0,
flex: 1,
alignItems: "center"
}}>
<View style={{
width: '90%',
height: 200,
backgroundColor: "red",
justifyContent: "center",
alignItems: "center",
}}>
<Text>Home Screen</Text>
</View>
</ImageBackground>
);
}

export default HomeScreen;

It is working fine.