react native android背景图像不适合屏幕

Posted 2023-02-22

【中文标题】react native android背景图像不适合屏幕

【英文标题】：react native android background image is not fit to the screen

【发布时间】：2021-02-28 19:10:18

【问题描述】：

我是 React Native 的第一人，我正在尝试将图像作为背景。 但我无法适应我的安卓设备的全屏。我尝试了几个 android 设备，但不适用于所有设备。 这是我的代码。

import * as React from "react";
import  ImageBackground, StyleSheet, Text, View, Image, TouchableOpacity  from "react-native";

const styles = StyleSheet.create(
    container: 
        flex: 1,
    ,
    image: 
        flex: 1,
        resizeMode: "cover",
    ,
);

class MainMenuScreen extends React.Component 
  render() 
    return (
        <View style=styles.container>
            <ImageBackground source=require('../assets/img/main_menu/background.png') style=styles.image>
            </ImageBackground>
        </View>
    );
  


export default MainMenuScreen;

我还检查了 *** 中的所有文章。

Full screen background image in React Native app,

What's the best way to add a full screen background image in React Native

这些都是我尝试过的。

我将分享我现在拥有的图像。

The screen of Android

The real image

请帮助我。 谢谢

【参考方案1】：

这样使用

render()
    return(
        <View style= flex: 1 >
           <Image style= width: screenWidth, height: screenHeight, position: 'absolute', top: 0, left: 0 />
           ......
        </View>
    )

【讨论】：

您好感谢您的回答，但这并不能解决我的问题。您还有其他解决方案吗？