# React Native এর জন্য ব্যাজ সেট আপ করা

যেহেতু React Native প্লাগইনে PWNotificationExtensionManager হেডার থাকে না, তাই আপনার React Native প্রজেক্টের জন্য ব্যাজ ইমপ্লিমেন্ট করতে আপনাকে কয়েকটি অতিরিক্ত পদক্ষেপ নিতে হবে।


<Aside type="note">
iOS নেটিভ অ্যাপের জন্য ব্যাজ ইমপ্লিমেন্ট করতে, অনুগ্রহ করে [ব্যাজ সেট আপ করা](/bn/developer/pushwoosh-sdk/ios-sdk/setting-up-badges/) গাইডটি দেখুন।
</Aside>

#### ১. নোটিফিকেশন সার্ভিস এক্সটেনশন যোগ করুন (File -> New -> Target...)

<img src="/shared-7.webp" alt=""/>

#### ২. "Notification Service Extension" নির্বাচন করুন

<img src="/react-native-setting-up-badges-for-react-native-1.webp" alt=""/>

#### ৩. নোটিফিকেশন সার্ভিস এক্সটেনশন কোডটি নিম্নরূপ আপডেট করুন:

```
#import "NotificationService.h"
#import <Pushwoosh/PWNotificationExtensionManager.h>

@interface NotificationService ()

@property (nonatomic, strong) void (^contentHandler)(UNNotificationContent *contentToDeliver);
@property (nonatomic, strong) UNMutableNotificationContent *bestAttemptContent;

@end

@implementation NotificationService

- (void)didReceiveNotificationRequest:(UNNotificationRequest *)request withContentHandler:(void (^)(UNNotificationContent * _Nonnull))contentHandler {
  self.contentHandler = contentHandler;
  self.bestAttemptContent = [request.content mutableCopy];

  [[PWNotificationExtensionManager sharedManager] handleNotificationRequest:request contentHandler:contentHandler];
}

- (void)serviceExtensionTimeWillExpire {
  // Called just before the extension will be terminated by the system.
  // Use this as an opportunity to deliver your "best attempt" at modified content, otherwise the original push payload will be used.
  self.contentHandler(self.bestAttemptContent);
}

@end
```

<Aside type="note">
আপনার এক্সটেনশনের নামের সাথে `#import "NotificationService.h"` লাইনে ব্যবহৃত এক্সটেনশনের নামটি প্রতিস্থাপন করুন।
</Aside>

#### ৪. একটি টার্গেটে ডিপেন্ডেন্সি লিঙ্ক করুন

React Native ম্যানুয়ালি তৈরি করা কোনো টার্গেটে স্বয়ংক্রিয়ভাবে সমস্ত প্রয়োজনীয় ডিপেন্ডেন্সি লিঙ্ক করে না, তাই আপনার উচিত টার্গেটের **Build Phases** আপডেট করা এবং প্রয়োজনীয় তথ্য প্রদান করা:

<img src="/react-native-setting-up-badges-for-react-native-2.webp" alt=""/>

**Compile Sources** এবং **Link Binary With Libraries** এর অধীনে থাকা **+** চিহ্নে ক্লিক করুন এবং প্রয়োজনীয় libs/frameworks অনুসন্ধান করুন।

#### ৫. Xcode-এ উভয় টার্গেটে **App Groups** ক্যাপাবিলিটি যোগ করুন এবং **অ্যাপ এবং এক্সটেনশন উভয়ের জন্য** একই গ্রুপ সেট করুন:

<img src="/react-native-setting-up-badges-for-react-native-3.webp" alt=""/>

#### ৬. **উভয়** টার্গেটের info.plists-এ **PW_APP_GROUPS_NAME** কী যোগ করুন। ভ্যালুটি হবে আপনার অ্যাপ গ্রুপের নাম:

<img src="/react-native-setting-up-badges-for-react-native-4.webp" alt=""/>