如何从 Flutter 应用程序中删除 iOS 白色网格启动器图标？

Question

最近，当我在 iPhone 上本地测试我的应用程序时，我开始看到此图标出现。 Android 按预期运行，iOS 运行得非常好，直到最近的 Flutter 更新。现在，我看到一个白色网格，而不是我指定的启动器图标。

来自discuss.apple.com的这个帖子说，白色网格应用程序图标是由于应用程序尚未完全加载造成的，但即使在安装、广泛测试并断开手机连接之后，启动器图标仍然是白色网格。

我尝试过的事情

在 VS Code 中启动调试会话会产生白色网格

flutter run

产生白色网格，

flutter run --release

也是如此

这是我的 AppIcon.appiconset 文件夹内容的照片：

其结构为

project/ios/Runner/Assets.xcassets/AppIcon.appiconset

，大小从16到1024。

同样，几周前这还有效，但该图标最近消失了，而我似乎根本没有做任何事情。

Answer 1

这是我解决此问题的方法

在一些 Flutter 升级故障排除期间，我的 Contents.json 文件被编辑并指向不再存在的默认 Flutter 图标。这意味着在编译时无法找到 PNG，所以它给我留下了纯白色的网格启动器图标

我如何解决这个问题

在 Xcode 中打开 Flutter ios 文件夹，在导航器中单击 Runner，单击 Runner 文件夹，然后选择 Assets。在二级导航器中右键单击 AppIcon，然后选择删除。

二级导航器底部有一个加号。单击加号，然后从菜单中选择“导入”。我之前使用 https://www.appicon.co/ 生成 iOS/Android 移动应用程序所需的文件夹和文件，因此我找到并选择了文件夹 AppIcon.appiconset 并单击“打开”。

这会在第二级导航器中生成一个新的 AppIcon 元素，以及一个指向图像的新 Contents.json 文件。

选择您的 iOS 设备，然后选择

flutter run

。构建完成后您应该会看到新的启动器图像！

附注我对 Xcode 不太精通，我根据 UI 元素的功能编造了一些措辞。如果它与 Apple 的文档不符，我们深表歉意。