티스토리 뷰
반응형
flutter_new_badger 를 Shared preferences 와 같이 사용한 방법 입니다 .
1탄 보고 오시길 바랍니다.!
2025.02.03 - [Flutter] - [Flutter] App Badge 사용하는 방법. (flutter_new_badger)
[Flutter] App Badge 사용하는 방법. (flutter_new_badger)
오늘은 Flutter 에서 flutter_new_badger 를 사용하여 App Badge 를 사용하는 방법을 포스팅하겠습니다. 1. 최신버전을 pubspec.yaml 파일에 추가 현재는 1.1.0 입니다.flutter_new_badger: ^1.1.0 https://pub.dev/packages
jangstory.tistory.com
1. BadgeManager class 생성하기
1. const 로 key 를 생성해 줍니다.
currentBadge = 0 ;
class BadgeManager {
static const String _badgeKey = 'badgeCount';
}
2. 숫자 늘리는 방법.
static Future<void> incrementBadgeCount() async {
final prefs = await SharedPreferences.getInstance();
int currentBadge = prefs.getInt(_badgeKey) ?? 0;
currentBadge += 1;
await prefs.setInt(_badgeKey, currentBadge);
await FlutterNewBadger.setBadge(currentBadge);
}
3. 리셋 하는 방법.
static Future<void> resetBadgeCount() async {
final prefs = await SharedPreferences.getInstance();
await prefs.setInt(_badgeKey, 0);
if (Platform.isIOS) {
await _resetIOSBadge();
}
await FlutterNewBadger.removeBadge();
await flutterLocalNotificationsPlugin.cancelAll();
}
4.가져오는 방법
static Future<int> getBadgeCount() async {
final prefs = await SharedPreferences.getInstance();
return prefs.getInt(_badgeKey) ?? 0;
}
다른 곳에서 사용할 때는 Future<void> 를 사용해서 사용해야 합니다 .
이런 식으로.
Future<void> _getCount() async {
final a = await getBadgeCount();
}
반응형
'Flutter' 카테고리의 다른 글
| [Flutter] 카카오 채널 API 사용하기. 1편 (0) | 2025.03.19 |
|---|---|
| [Flutter] Firebase FCM 사용하기 Part. 4-3 (ios) (0) | 2025.02.14 |
| [Flutter] App Badge 사용하는 방법. (flutter_new_badger) (0) | 2025.02.10 |
| [Flutter] Firebase FCM 사용하기 Part. 4-2 (ios) (0) | 2025.02.03 |
| [Flutter] Firebase FCM 사용하기 Part. 4-1 (ios) (0) | 2025.02.03 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- bitmap
- GitHub
- ExoPlayer
- flutter_new_badger
- Crop
- https
- java
- API
- ScrollView
- 알고리즘
- Custom
- ec2
- Firebase
- Kotlin
- Android Studio
- direction
- FCM
- app bundle
- Token
- listener
- Hilt
- message
- ios
- android
- error
- retrofit
- Flutter
- 코딩테스트
- node.js
- 재귀함수
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
글 보관함