使用React Native在图像地址上使用useState时出错

Question

当我尝试将本地图像的地址与useState中存储的值连接在一起时遇到问题。

import React, { useState } from 'react';
import { ImageBackground, ScrollView } from 'react-native';
import { Container, Button, Text } from 'native-base';
import styles from './DescobertaGravidezStyle';
import Header from '../../../components/principalComponents/header/Header';

export default () => {
  const [bg, setBg] = useState('Green');

  return (
    <Container>
      <Header />
      <ImageBackground
        source={require(`../../../img/bg/bg${bg}.png`)}
        style={{ width: '100%', height: '100%' }}
      ></ImageBackground>
    </Container>
  );
};

Answer 1

  

您必须提供未处于该状态的路径的物理地址，或者   一个变量。
只是因为react native在运行之前将其捆绑了   代码
此外，如果您想从变量中使用它，那么   制作一个在调用时返回路径的组件。

更多内容，请点击这里：-react native use variable for image file