Javascript 如何将CreateReact应用程序上的图像添加到静态文件夹

我有一个使用CreateReact应用程序的React应用程序，我目前正在学习PWA。我想在脱机时加载一个图像，我读了一些文章，其中告诉我在serviceWorker上进行设置。我应该弹出create react应用程序还是有其他方法？

步骤1：在react应用程序中创建一个文件夹，并将图像粘贴到该文件夹中（例如：images/img.png）

第2步：打开App.js或任何要导入该图像的文件

步骤3：从“images/img.png”导入sampleImage

步骤4：在render（）方法中使用sampleImage对象

如果需要创建静态文件夹，则必须将文件夹放入“公用”文件夹

脱机访问时，该文件夹会起什么作用？当应用程序脱机/联机时，上述代码会查找应用程序中不起作用的图像，离线检查index.js并更改serviceWorker.unregister（）时，它仍然没有预缓存图像；注册到serviceWorker.register（）；我也这么做了。

 <Image
            source={sampleImage}
            style={{
              flex: 1,
              justifyContent: "center",
              width: Dimensions.get("window").width,
              height: Dimensions.get("window").height / 2,
              resizeMode:"center"
            }}
          />