如何使用Flutter在iOS上拥有持久的徽章图标
Flutter是一种跨平台的移动应用开发框架，可以同时在iOS和Android上构建高性能、美观的应用程序。在iOS上拥有持久的徽章图标可以通过以下步骤实现：
- 集成flutter_app_badger插件：flutter_app_badger是一个Flutter插件，用于在应用程序图标上显示徽章图标。可以在pub.dev上找到该插件，并将其添加到项目的pubspec.yaml文件中。
- 在iOS项目中配置徽章图标：在iOS项目的Info.plist文件中添加以下代码，以启用应用程序图标上的徽章图标功能：
<key>UIBackgroundModes</key>
<array>
<string>fetch</string>
<string>remote-notification</string>
</array>- 在Flutter代码中设置徽章图标：在需要显示徽章图标的地方，使用flutter_app_badger插件提供的方法来设置徽章数量。例如，可以使用以下代码将徽章数量设置为10：
import 'package:flutter_app_badger/flutter_app_badger.dart';
FlutterAppBadger.updateBadgeCount(10);- 在应用程序退出时清除徽章图标：为了确保徽章图标在应用程序退出时被清除，可以在应用程序的退出逻辑中调用以下代码：
FlutterAppBadger.removeBadge();需要注意的是，徽章图标的显示和清除需要在应用程序处于后台运行时才能生效。
推荐的腾讯云相关产品：腾讯云移动应用托管（Mobile Application Hosting，MAH），提供了一站式的移动应用托管服务，支持Flutter应用的构建、部署和管理。您可以通过腾讯云控制台或API来创建和管理移动应用，并使用MAH提供的功能来实现徽章图标的管理。
更多关于腾讯云移动应用托管的信息，请访问：腾讯云移动应用托管
相关·内容
1回答
即使在打开和关闭应用程序后，也可以使用flutter将通知徽章保留在应用程序图标上吗？例如:用户有一个值为6的徽章，打开应用程序阅读一条消息，关闭应用程序，徽章现在显示为5。 如何实现此功能？(专门寻找iOS解决方案，但如果你有建议，也有兴趣了解安卓方面的信息)
浏览 50提问于2019-04-22得票数 1
我想从firebase-admin向应用程序发送徽章。我可以发送徽章到iOS应用程序，并在应用程序上显示其图标，但在安卓系统中不能。如何将徽章从firebase-admin发送到android应用程序并在应用程序上显示其图标？
浏览 18提问于2020-01-30得票数 0
ios是否在UIBarButtonItem上提供徽章？如果不是，那么如何通过编程或使用任何库(最好的库是什么)
在图像中，我想在UIBarButtonItem上显示徽章(刷新按钮图标)，如红色，圆形或数字任何东西。
浏览 0提问于2017-06-14得票数 3
1回答
问题：
我试图在iOS 10中设置一个应用程序图标徽章号，但是它失败了。据我所知，UIUserNotificationSettings现在在iOS中被废弃了，UNNotificationSettings取代了它。
问题：
如何修改下面的代码以使用UNNotificationSettings更新iOS 10中的图标徽章号？还是有另一种简洁的方法？
代码：
下面的代码显示了如何从iOS 7- iOS 9设置徽章。
let badgeCount: Int = 123
let application = UIApplication.sharedApplication()
if #availa
浏览 5提问于2016-10-04得票数 8
使用Nativescript，我希望能够在应用程序中完成特定操作时减少图标徽章的数量。 我从下面的代码(示例)开始： if (app.ios) {
app.getNativeApplication().applicationIconBadgeNumber = 5;
} 我在iOS 10+上读到过，我需要获得UNUserNotificationCenter的授权。当应用程序开始请求授权时，我尝试使用应用程序委托，但似乎无法从Nativescript访问授权类。 我试着寻找插件，但似乎找不到任何... 如果任何人知道如何访问授权应用程序接口，甚至处理图标徽章更新从NativeScript，它
浏览 48提问于2019-02-08得票数 0
在iOS 7中，当我使用[[UIApplication sharedApplication] cancelAllLocalNotifications];方法时，我有一个非常奇怪的行为:当我收到一个新的通知时(我停留在主屏幕上，看着应用程序的图标)，应用程序的图标会显示徽章，几毫秒后徽章就会消失。如果我删除这行代码，徽章仍然存在。
浏览 0提问于2014-10-23得票数 0
我正在寻找一种方法来显示一个应用程序图标徽章时，用户收到一个推送通知。
我使用flutter的Firebase_messaging插件来处理推送通知，使用flutter_app_badger来处理应用程序的图标徽章。但我想将两者结合起来，这样就可以在不打开应用程序的情况下在图标上设置数字。有没有可能做到这一点？或者我忽略了firebase_messaging插件中的一些显而易见的东西？
很抱歉给你这么可怕的解释。我希望有人能帮助我解决这个问题。
浏览 7提问于2018-11-20得票数 32
我已经让firebase_messaging 9.1.0接收并显示了我的安卓和iOS应用程序通知时，应用程序在前台，在后台，并关闭。但是，在iOS上，后台处理程序的未来似乎没有执行。我正在运行firebase_messaging_example应用程序--在后台运行时，它不会打印“处理后台消息${message.messageId}”。
后台获取和远程通知在xcode中签入。
我试过：
发送带有或不带clickAction的通知："FLUTER_NOTIFICATION_CLICK“
有无
FirebaseAppDelegateProxyEnabled
在info.plist中
有
浏览 1提问于2021-03-29得票数 3
我使用flutter_local_notifications: ^9.7.0来显示通知，这是非常好的包，使用该包，当通知弹出时，我可以获得图标"1“的徽章。我想问什么..。不显示"1“徽章，我想显示点徽章。是否有一种使用flutter_local_notifications或任何其他包的方法来做到这一点？
浏览 2提问于2022-07-20得票数 0
4回答
有没有办法调整UITabBar徽章在iOS 7中的位置？徽章现在阻塞标签条图标比我想要的要多一点。
iOS 6：
iOS 7：
浏览 2提问于2013-10-03得票数 14
回答已采纳
1回答
在iOS7上更新背景中的徽章图标
、、、、
我有一个应用程序，我想更新徽章图标每周。我看到，至少在iOS7之前，UILocalNotification只能将徽章图标设置为一个特定的数字，如
someLocalNotification.applicationIconBadgeNumber = 42;
但我希望我的应用程序加载在后台，让我们说，每个星期天，做一个计算的基础上，得到当前日期和一些开始日期之间的差异，并相应更新徽章号码。
显然，UILocalNotification不能这样做。看起来推送通知可以，但我没有这个应用程序的服务器组件，所以使用它作为解决办法是行不通的，而且我也不确定苹果会不会喜欢它。
我知道iOS7中有一些后台应用程
浏览 0提问于2014-02-13得票数 5
回答已采纳
3回答
如何将徽章图标添加到表视图中的行？这方面的一个例子是iOS中的邮件应用程序，它的收件箱行有一个徽章图标，显示未读邮件的数量？谢谢!
浏览 2提问于2012-10-09得票数 2
回答已采纳
我们可以使用GCM通知作为APNS徽章图标在iPhone应用程序上显示徽章号吗？
因为我不能用GCM来设置这个。我已经回复了，上面说
Parameter Platform Usage Description
badge iOS Optional,string Indicates the badge on client app home icon.
我正在接收来自GCM的通知，但是当在后台状态收到通知时，没有显示徽章图标。
有谁能告诉我我们怎么设置这个
浏览 1提问于2015-08-18得票数 1
回答已采纳
当应用程序关闭时，我正在尝试使用React-Native/RNFirebase在IOS上获取通知并更新启动器图标徽章。但不幸的是，RNFirebase似乎没有任何对它的支持。当应用程序关闭时，onNotification()侦听器似乎无法工作。(XCode开启后台模式/推送通知) 当收到通知并关闭应用程序时，有什么解决方法可以更新启动器图标徽章吗？
浏览 6提问于2020-01-27得票数 0
我有一个标题与几个图标，我想显示一个气泡计数在一个图标，如徽章图标与通知计数动态。我们如何在jquery mobile中做到这一点？我在jquery mobile中搜索气泡计数，但目前在列表视图中可用，但我想将计数显示在右上角的图标中，如iOS通知计数。找到需要在jquery mobile中实现的徽章图标的以下参考url：
浏览 0提问于2012-10-04得票数 6
回答已采纳
我正在为android和ios开发一个应用程序，使用react native。当我收到远程通知时，我想在应用程序图标上显示徽章编号。我使用的是iOS的react-native-fcm第三方库和徽章。在android中，我只能在应用程序处于前台时显示徽章编号。当应用程序被杀死或在后台时，我不能显示徽章编号。我知道Android不支持原生显示徽章，但我已经看到facebook和messenger应用程序在Android上显示徽章。请谁能告诉我如何在android上实现这一点，即使应用程序被杀死或在后台。提前谢谢。
浏览 0提问于2017-05-25得票数 5
1回答
在我的应用程序中，我需要将徽章设置到应用程序图标上，并设置此徽章的编号。问题是，我需要注册这样的用户通知设置：
if ([[UIApplication sharedApplication] respondsToSelector:@selector(registerUserNotificationSettings:)])
{
[[UIApplication sharedApplication] registerUserNotificationSettings:[UIUserNotificationSettings settingsForTypes:UIUserNotificationTy
浏览 1提问于2015-01-20得票数 0
回答已采纳
6回答
我有一个flutter应用程序，我使用Firebase Cloud Messaging来发送通知。
我正在通过firebase控制台发送测试通知。
在android上，通知功能与预期一致。
在ios上，当应用程序处于前台时，通知会如期到达。当应用程序在后台最小化时，通知不会显示在系统托盘中。此外，即使当我通过控制台发送时，在firebase通知中设置了徽章，也没有徽章显示。
基本上，在应用程序再次打开之前，根本没有任何通知到达的迹象。
我已经按照上的说明进行了操作，并确认我已经按照ios集成步骤进行了测试。
我正在模拟器上测试。
浏览 0提问于2021-02-03得票数 4
在我的Android应用程序中，我想在应用程序图标(如ios )中显示一个推送通知徽章计数。
如何在应用程序图标中显示警徽计数？
浏览 2提问于2013-10-04得票数 0
回答已采纳
2回答
大家好，
我是ionic和应用程序的新手，我正在尝试将ios中的徽章图标与这个框架集成在一起，但我无法做到这一点。
在app.js中，我集成了推送通知，我希望当收到推送通知时，徽章图标正在计数通知的数量。
我使用了一个叫做"cordova plugin fcm“的插件来实现推送通知。这个插件可以添加这个徽章吗？我是否使用过其他插件？我如何集成它？
非常感谢大家。
浏览 4提问于2017-03-07得票数 1
2回答
通知时更改徽章图标
、、、
我正在使用Xamarin Forms，我设法使用Firebase向我的iOS和安卓应用程序发送通知。我想在应用程序处于后台的情况下，在每次收到通知时更改徽章图标。类似于Twitter或Whatsapp。
当我的应用程序在后台时，如何更改应用程序的徽章？
浏览 2提问于2017-11-16得票数 0
0回答
我希望在点击应该设置应用程序图标的气泡编号的按钮后看到气泡图标徽章编号-但是-我在按下dont按钮后在图标中看不到任何编号的气泡。我的问题是: ios模拟器中没有图标徽章吗？
- (IBAction)btn1_click:(id)sender {
[[UIApplication sharedApplication] setApplicationIconBadgeNumber:4];
}
浏览 10提问于2017-01-09得票数 3
回答已采纳
1回答
我使用的是离子框架，并在本文之后显示了警徽通知。
我首先安装了这个应用程序(在IOS中)，计算了徽章，并关闭了应用程序。现在，应用程序图标上的徽章仍然存在。现在，当我删除应用程序并重新安装它时，图标上会显示相同数量的徽章。我不希望这事发生。
我读到，删除后需要一天的时间来清理应用程序数据。
我遵循了许多解决方案来删除应用程序的设备内存，当我们删除它时，这是在ios设备中，但我需要一个从编码角度的解决方案。在IOS中删除应用程序时，我是否可以在config.xml上添加一些东西，或者安装任何可以立即删除应用程序数据的包？
我看过这些文章，但都没有用。
浏览 0提问于2018-12-07得票数 3
我已经设置了推送通知。我让图标徽章在每次推送时增加，然后当用户点击图标时消失。有没有办法让我知道当用户点击图标时，该徽章是否显示？如果徽章正在显示，我希望转到特定视图。
浏览 0提问于2013-07-26得票数 0
2回答
如何在iOS上更改切换应用程序的图标(屏幕截图)。我无法更改此图标。我创建了cordova应用程序，flutter应用程序和clear swift iOS应用程序。每次这个解决方案都不会改变这个图标。 ?
浏览 26提问于2020-09-07得票数 0
我正在使用flutter_launcher_icons包为Android和iOS生成启动器图标。在iOS上，一切看起来都很棒，但在安卓上，这个图标看起来非常小：
从左边数第二个。为了让它更大，我尝试了各种方法。我尝试了几个不同的源图像来生成图标，512x512和900x900，但无论我做什么，我都不能让它生成一个和其他图标一样大的图标。我肯定我漏掉了一些愚蠢的东西。这是我的flutter_launcher_icons配置：
flutter_icons:
android: true
ios: true
image_path: "assets/icon/icon_ne
浏览 8提问于2019-09-23得票数 5
2回答
我的网站进行了优化，以显示图标和自定义应用程序名称时，它添加到主屏幕上的iOS。是否可以在此网站图标上显示标准的红色数字徽章，例如javascript？
浏览 3提问于2011-03-14得票数 3
回答已采纳
4回答
我们已经开发了一个使用phonegap的ios应用程序，并在我们的应用程序中实现了推送通知功能。推送通知对我们非常好。我们已经为两种情况配置了推送通知(警报和徽章)，并且都可以正常工作。当我们单击警报列表时，它会将我们重定向到应用程序，并清除警报列表中的所有通知，并将徽章计数器设置为0。
但是当我们点击应用程序图标(徽章计数器)时，它会将应用程序带到前台，但是徽章计数器和警报没有被清除。
我们在didFinishLaunchingWithOptions方法中使用了以下代码(appDelate.m文件中)，它清除警报并仅在单击警报时重置警徽
application.applicationIco
浏览 3提问于2014-12-05得票数 8
回答已采纳
3回答
我很难做到这一点。我使用的是：
1 - The Ionic Framework (version 1.7.14)
2 - Ionic push which is instantiated with: Ionic.Push. So Im not using ngcordova for push
3 -A real device, an Iphone 6s. And I am on OSX.
自从我开始从离子推送发送推送通知
http://docs.ionic.io/docs/push-overview
奇怪的事情发生了。我已经从curl和我自己的后端应用程序发送了一定数量的推送。
问题是，数字
浏览 4提问于2016-04-28得票数 0
当app收到通知时，我想在iPhone上的app图标上显示一个徽章，这样用户在看到app图标时就可以注意到他们收到了通知。 下面的代码没有像预期的那样工作，onMessageOpenedApp和checkForInitialMessage()将在用户tapps通知时触发，但不会在通知到达时触发。当iPhone收到通知时，如何触发setBadge()？ 我使用的是firebase_messaging 10.0.2和flutter_app_badger。 // App is on background
FirebaseMessaging.onMessageOpenedApp.listen((Re
浏览 10提问于2021-06-25得票数 0
回答已采纳
我最近使用Firebase设置了我的通知。我像预期的那样发送和接收通知。在安卓系统上，通知点工作正常，在应用程序图标上会显示点，但在iOS上，红色徽章不会显示在图标上，所以也没有计数器。我非常想要这个功能，有人能给出这个问题的线索吗？Firebase Unity iOS通知应该是这样工作的吗？谢谢!
浏览 2提问于2018-04-07得票数 1
我目前正在为我的iOS应用开发一个推送通知服务。
通知将被正确推送到带有徽章的设备。阅读通知后，我可以清除图标中的徽章计数。但是，当新通知到达时，工卡计数将增加前一个计数。
如何使用UIApplication代理清除服务器端的徽章计数器？请给我一些建议。
浏览 1提问于2013-03-27得票数 0
1回答
我正在寻找一种方法来更新其iOS8今天扩展的iOS应用程序图标的徽章计数。今天的扩展有一个按钮，通过触摸该按钮，用户可以增加或减少iOS应用程序的徽章数量。有人能帮我吗？
PS:我需要更新徽章计数，而不重新打开应用程序，即使应用程序被终止。
浏览 4提问于2015-03-19得票数 2
我使用flutter_launcher_icons："^0.9.3“作为我们的应用图标"android"，但是图标不起作用。
pubsepc.yaml
name: tg_rewards_flutter
version: 1.6.0+6
publish_to: none
description: A new Flutter project.
environment:
sdk: ">=2.16.0 <3.2.0"
dependencies:
cached_network_image: ^3.2.1
carousel_nullsafe
浏览 13提问于2022-06-14得票数 0
任务:在Android应用的启动图标上显示通过的徽章数，并有推送通知。
设置: Nativescript + Angular2，Firebase
(你不需要在iOS上做任何事情。)
浏览 2提问于2017-04-28得票数 0
5回答
我想在我的应用程序图标上设置一个徽章，就像苹果的邮件应用程序(图标上方的编号)一样。如何在Swift (iOS8)中做到这一点？
浏览 7提问于2015-01-18得票数 37
回答已采纳
3回答
我在我的iphone应用程序中有一个特殊情况，我必须在可点击的UI元素上显示徽章，而不是在选项卡栏中……这可以接受吗？我读过iOS指南，它说标签栏可以显示徽章(红色椭圆形)，但他们没有提到任何要点，说明它应该明确放置在那里(标签栏)。
如果这是一个糟糕的UX实践，我是否应该设计一个看起来像徽章的自定义图标，并在我的特定情况下使用它？
提前谢谢。
诚挚的问候,
浏览 1提问于2013-02-20得票数 0
1回答
是否可以将iOS应用程序上的应用程序图标徽章设置为负整数？似乎每当我尝试用负整数使用-setApplicationIconBadgeNumber时，就根本没有显示徽章图标。
我们有一个天气应用程序，我们希望它能在图标中显示温度，就像其他一些应用程序一样。
浏览 3提问于2013-09-09得票数 1
回答已采纳
3回答
我已经在我的iPhone (4S，iOS 5.1)中看到邮件应用程序在新邮件到达时自动更新徽章计数，即使应用程序没有运行。所以在我的应用程序中也有可能实现这种行为，对吗？
我的应用程序成功注册了所有三种类型的推送通知--徽章、警报和声音。此应用程序的所有3种类型的远程通知都设置为“电话设置”。
我的应用程序接收远程通知，显示警报，播放声音，但不更新徽章号。如果我通过警报上的View按钮启动应用程序，那么我的应用程序可以很好地读取徽章值，并且可以从代码中更改/删除/设置图标徽章。
iOS为什么不能在通知到达时自动更改我的应用程序的图标徽章？我看过所有类似的帖子，他们都在讨论手机设置，或者它注册的
浏览 2提问于2012-07-03得票数 13
回答已采纳
我正在尝试添加一个发射图标到我的颤音应用程序。我已经遵循了创建启动程序图标所需的所有步骤。
这是我的pubspec.yaml文件
dev_dependencies:
flutter_test:
sdk: flutter
flutter_launcher_icons: ^0.9.2
flutter_icons:
android: true
image_path_android: "icons/opicon.png"
image_path: icons/opicon.png
ios: true
remove_alpha_ios: true
浏览 7提问于2022-03-08得票数 2
1回答
我有一个应用程序，我在里面使用推送通知
当我收到新的通知时，我会删除所有的通知和徽章，但有时在打开应用程序时，通知徽章不会被删除，而且它会不断增加。
这是我发现的去除徽章的解决方案：-
Ios->appDelegete.Swive
import UIKit
import Flutter
import Firebase
import UserNotifications
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
override func application(
_ application
浏览 5提问于2022-01-18得票数 2
回答已采纳
我有自定义图标，可以在IOS和Android上正常工作。当我在Web上部署时，我的图标应该出现在应用程序中的每个地方都会出现一个划过的框。
控制台中出现的错误如下：
找不到一组Noto字体来显示所有缺失的字符。请为缺少的字符添加字体资产。
当我检查上的文档时，我看到我已经遵循了这些步骤。
我的自定义图标(fishfarm.ttf)位于资产文件夹。在pubspec.yaml中，我有以下内容：
fonts:
- family: FishFarm
fonts:
- asset: assets/fishfarm.ttf
我可以用Icon(FishFarm.nom
浏览 4提问于2022-03-10得票数 1
回答已采纳
2回答
如何修复推送通知灰圈错误？
、、、、
我用flutter_launcher_icons为iOS和安卓系统创建了启动器图标。
我还使用firebase_messaging进行推送通知。
在iOS上没有问题:它会在通知文本的左侧显示正确的应用程序图标。
但在Android上，推送通知图标在文本左侧显示不正确。它只显示 (没有轮廓)。我在Android上使用自适应图标。这不是透明度问题。
为什么会有差异？我该怎么解决呢？
感谢您的帮助！
浏览 0提问于2019-08-28得票数 3
当用户在应用程序后台收到超过1个推送通知时，应用程序图标上的徽章数量不会增加。我正在显示我从服务器获得的徽章编号。我们可以在iOS的移动端处理这个问题吗？
浏览 1提问于2014-03-19得票数 0
我认为ios应该在收到通知后自动管理徽章编号。但它对我不起作用，我也找不到解决方案。我也申请了徽章的许可，我已经得到了它，我在我的设置上看到了它。我只使用带有通知标签的firebase云通知库。可能的问题是什么？
我试着使用：
"apns": {
"payload": {
"aps": {
"badge": 5
}
}
}
但对我不起作用。如果可能的话，我想自动管理它。
云通信：firebase_messaging: 6.0.16
App delegate：
import UIKit
浏览 1提问于2020-09-07得票数 2
1回答
离子范围与警徽重叠
、、、
我正在尝试离子框架。我看到传统的范围滑块是图标-滑块-图标。不过，我想要图标滑块徽章。徽章显示滑块的价值。目前有重叠现象。有人知道怎么修吗？
<div class="item range range-{{selection.secondary}}">
<i class="icon ion-ios-timer"></i>
<input type="range" name="volume" min="0" max="10"
浏览 3提问于2016-02-05得票数 2
回答已采纳
4回答
我用png文件创建了本地通知图标。然而，在android系统中，图标看起来是透明的。在ios应用程序中，它看起来不错。如何将原始图标图像显示为通知图标？
ios通知图标
android通知图标
通知码
import 'package:flutter_local_notifications/flutter_local_notifications.dart';
// import 'package:timezone/data/latest_all.dart' as tz;
// import 'package:timezone/timezone.
浏览 24提问于2022-06-08得票数 4
我如何检查我的应用程序是否有徽章编号。当我向用户发送推送通知时，它会在图标上添加一个"1“作为徽章编号。我想检查是否有一个徽章号码，当用户启动应用程序，并指导他们一个视图控制器。
浏览 1提问于2012-08-17得票数 1
回答已采纳
2回答
在我们的iOS5/6应用程序中，我们要求从应用程序图标中删除徽章编号，但将通知文本保留在通知中心。将徽章编号设置为0也会清除通知文本。
我们的潜在解决方案是将徽章编号设置为-1，这似乎就是我们想要的。还有没有人有这样做的经验？
浏览 0提问于2012-10-29得票数 1
回答已采纳
我收到来自firebase的远程推送通知。我正在尝试获取应用程序图标中的徽章计数。在Firebase中，可以选择将徽章计数如下所示
至于现在，我没有设备来测试。我的问题是，如果我每次设置1作为徽章计数，它会在应用程序图标上自动递增徽章计数吗？如果不是，那么如何使用firebase递增它。
浏览 4提问于2020-06-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
