javascript - 本地镜像未加载到 react native

Question

首先我尝试用下面的代码加载图像，它确实加载了图像

render(){
return(
  <View style={{backgroundColor:'red', flex:1, alignItems:'center'}}>
    <Text> Landing Page controller</Text>
    <Image
    source={require('./symbol.png')}
  />
  </View>
);  }

现在我已经通过不同文件的应用程序加载了大量图像。在这种情况下，很难维护代码和资源。这就是我创建单独文件的原因

resource.js

 module.export= {
                symbol:require('./symbol.png'),
              };

然后在组件文件中我尝试加载如下。

import JResource from './resource.js';
   .....................
   ..................
 render(){
        return(
          <View style={{backgroundColor:'red', flex:1, alignItems:'center'}}>
            <Text> Landing Page controller</Text>
            <Image
            source={JResource.symbol}
          />
          </View>
        );
      }

现在应用程序确实运行了，但是没有显示图像。如果有人能弄清楚这里出了什么问题，那就太好了。

Answer 1

你应该 module.exports = ..... 不导出