如何在React Native中添加本地图像？尝试时出现错误

Question

<Image source={require('./images/login.png')} style={{
                    width: 200,
                    height: 240,
                    flex: 1
                }} />

屏幕 -Login.js -图片      -login.PNG

None of these files exist:
  * login.png
  * Screens\images\login.png\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)

Answer 1

您正在呼叫扩展名为login.png的文件，但本地文件为login.PNG

将您的本地文件更改为login.png，它应该可以工作。

Answer 2

您要声明login.png，但文件名是login.PNG，因此请尝试替换为

source={require('../assets/login.PNG')}

希望它可以帮助您，毫无疑问地