React Native - 文件夹中的本地图像无法解析

Question

当我执行以下操作时：

<Image source={require('./images/hex-loader2.gif')} style={{width:400,
height: 400}} />

我收到以下错误：

Unable to resolve module ./images/hex-loader2.gif from
/Applications/react/xxxx/views/LoginView.js: Invalid directory
/Applications/react/xxxx/views/images/hex-loader2.gif

文件夹结构是：

projectRoot > views > images

任何想法为什么？

当我将图像放在LoginView.js的同一级别时它可以工作但是只要我将它添加到images文件夹就会出现上述错误。