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

Pushwoosh React Native প্লাগইনটি মেসেজ ইনবক্স (“বেল আইকন” অ্যাপ ইনবক্স) পুশ নোটিফিকেশনের জন্য ব্যবহৃত একই pushwoosh-react-native-plugin প্যাকেজের অংশ হিসাবে সরবরাহ করে। কোনো অতিরিক্ত ইনস্টলেশন ধাপের প্রয়োজন নেই।

পূর্বশর্ত

• বেস Pushwoosh React Native SDK ইতিমধ্যে ইন্টিগ্রেটেড এবং পুশ পাঠাচ্ছে।

ইনবক্স দেখান

import Pushwoosh from 'pushwoosh-react-native-plugin';

Pushwoosh.presentInboxUI();

presentInboxUI() React ভিউ ট্রি-এর বাইরে একটি নেটিভ স্ক্রিন (iOS-এ একটি ভিউ কন্ট্রোলার, Android-এ একটি অ্যাক্টিভিটি) উপস্থাপন করে, যা SDK-এর ডিফল্ট চেহারা সহ আসে।

স্টাইল কাস্টমাইজ করুন

presentInboxUI()-তে একটি স্টাইল অবজেক্ট পাস করুন। রঙের মান অবশ্যই React Native-এর processColor()-এর মাধ্যমে যেতে হবে। প্রতিটি কী ঐচ্ছিক:

কী	কাস্টমাইজ করে
dateFormat	তারিখের ফরম্যাটিং
defaultImageIcon	ছবি ছাড়া মেসেজের পাশে ডিফল্ট আইকন
unreadImage	অপঠিত মেসেজের চিহ্ন (শুধুমাত্র iOS)
listErrorImage	তালিকা লোড করতে ব্যর্থ হলে দেখানো হয়
listEmptyImage	তালিকায় কোনো মেসেজ না থাকলে দেখানো হয়
listErrorMessage	ত্রুটির টেক্সট (স্থানীয়করণ করা হয়নি)
listEmptyMessage	খালি-তালিকার টেক্সট (স্থানীয়করণ করা হয়নি)
defaultTextColor	ডিফল্ট টেক্সটের রঙ (শুধুমাত্র iOS)
accentColor	অ্যাকসেন্ট রঙ
backgroundColor	পটভূমির রঙ
highlightColor	নির্বাচনের রঙ
titleColor	মেসেজের শিরোনামের রঙ
readTitleColor	পঠিত মেসেজের শিরোনামের রঙ (শুধুমাত্র Android)
descriptionColor	মেসেজের বিবরণের রঙ
readDescriptionColor	পঠিত মেসেজের বিবরণের রঙ (শুধুমাত্র Android)
dateColor	মেসেজের তারিখের রঙ
readDateColor	পঠিত মেসেজের তারিখের রঙ (শুধুমাত্র Android)
dividerColor	বিভাজকের রঙ
barBackgroundColor	টাইটেল বারের পটভূমির রঙ
barAccentColor	টাইটেল বারের ব্যাক-বাটনের রঙ
barTextColor	টাইটেল বারের টেক্সটের রঙ

import Pushwoosh from 'pushwoosh-react-native-plugin';
import { processColor } from 'react-native';

Pushwoosh.presentInboxUI({
    dateFormat: "dd.MM.yyyy",
    accentColor: processColor('#3498db'),
    backgroundColor: processColor('#ffffff'),
    titleColor: processColor('#333333'),
    descriptionColor: processColor('#666666'),
    listEmptyMessage: "No messages yet"
});

প্রোগ্রাম্যাটিকভাবে মেসেজ পরিচালনা করুন

বিল্ট-ইন স্ক্রিন না খুলেই মেসেজের তালিকা, পঠিত সংখ্যা লোড করুন এবং স্বতন্ত্র মেসেজের উপর কাজ করুন। এটি একটি কাস্টম ইনবক্স UI বা একটি অপঠিত ব্যাজের জন্য দরকারী:

Pushwoosh.loadMessages(
    (messages) => {
        messages.forEach((msg) => {
            console.log(msg.title + ": " + msg.message);
        });
    },
    (error) => console.error("Failed to load: " + error)
);

Pushwoosh.unreadMessagesCount((count) => {
    console.log("Unread messages: " + count);
});

Pushwoosh.messagesCount((count) => { /* মোট মেসেজ */ });
Pushwoosh.messagesWithNoActionPerformedCount((count) => { /* এখনও কোনো পদক্ষেপ নেওয়া হয়নি */ });

Pushwoosh.readMessage(messageId);
Pushwoosh.deleteMessage(messageId);
Pushwoosh.performAction(messageId); // মেসেজের ডিফল্ট অ্যাকশন চালায়, যেমন একটি URL খোলা