反应本机，动态背景图像不起作用

Question

我正在制作一个应用程序，我在其中添加了 darkMode，我的应用程序有一个“图像背景”，它应该根据 phone 的主题而改变。

我一直在尝试各种方法，但到目前为止对我没有用。我是 React Native 的新手，希望您帮我找到解决方案。

这是我目前拥有的：

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...

首先，谢谢 :)

Answer 1

metro 不支持动态导入，因此您需要更改代码以使用静态导入，而不是像这样：

let imagen = require("./img/background.jpg");
if (scheme === 'dark'){
  imagen = require("./img/blackfullblack.jpg");
}

return <ImageBackground fadeDuration={0} resizeMode="stretch" style={styles.container} source={imagen} />

反应本机，动态背景图像不起作用

react native, dynamic background image does not work

javascript

jsx

react-native

react-navigation