Javascript react本机动态背景图像不起作用

Javascript react本机动态背景图像不起作用,javascript,react-native,react-navigation,jsx,Javascript,React Native,React Navigation,Jsx,我正在制作一个应用程序,在其中我添加了暗模式,我的应用程序有一个“imagebackground”,它应该根据手机的主题而改变 我一直在尝试各种方法,但到目前为止,这些方法都不适用于我。我是新来的,我想让你帮我找到一个解决方案 以下是我目前拥有的: function HomeScreen(props){ const scheme=useColorScheme(); let imagen = "img/background.jpg"; if

我正在制作一个应用程序,在其中我添加了暗模式,我的应用程序有一个“imagebackground”,它应该根据手机的主题而改变

我一直在尝试各种方法,但到目前为止,这些方法都不适用于我。我是新来的,我想让你帮我找到一个解决方案

以下是我目前拥有的:

function HomeScreen(props){ 
      const scheme=useColorScheme();
      let imagen = "img/background.jpg";
      if(scheme === 'dark'){
        imagen = "img/blackfullblack.jpg";
    
      return (
        <ImageBackground fadeDuration={0} resizeMode = "stretch" style ={styles.container} 
          source = { require ("./" + imagen)} 
        > }
       ...etc...
功能主屏幕(道具){
const scheme=useColorScheme();
让imagen=“img/background.jpg”;
如果(方案==‘暗’){
imagen=“img/blackfullblack.jpg”;
返回(
}
等

首先,谢谢:)

metro
不支持动态导入,因此您需要将代码更改为使用静态导入,如下所示:

let imagen=require(“./img/background.jpg”);
如果(方案==‘暗’){
imagen=require(“./img/blackfullblack.jpg”);
}
返回

如果没有
ImageBackground
code,就很难说了也许你可以分享你为
ImageBackground
设置的样式?通常情况下,如果
width
height
未设置,就会出现这种情况欢迎使用这种方式!”…各种方式到目前为止对我都不起作用。”--请您详细说明一下,好吗?这些尝试中到底有什么不起作用?请提供一个清晰的问题描述。谢谢。谢谢,这是我的工作