सामग्री पर जाएं

Flutter के लिए मैसेज इनबॉक्स सेटअप करना

Flutter के लिए मैसेज इनबॉक्स (“घंटी आइकन” ऐप इनबॉक्स) एक अलग pushwoosh_inbox पैकेज के रूप में आता है, इसे बेस pushwoosh_flutter पैकेज के साथ इंस्टॉल करें।

पूर्वापेक्षाएँ

Anchor link to

पैकेज जोड़ें

Anchor link to

अपने pubspec.yaml में pushwoosh_inbox जोड़ें। वर्तमान संस्करण के लिए pub.dev देखें:

pubspec.yaml
dependencies:
pushwoosh_inbox: '^2.3.24'

इनबॉक्स दिखाएं

Anchor link to
import 'package:pushwoosh_inbox/pushwoosh_inbox.dart';
PushwooshInbox.presentInboxUI();

यह SDK के डिफ़ॉल्ट रूप के साथ एक नेटिव स्क्रीन (iOS पर एक व्यू कंट्रोलर, Android पर एक एक्टिविटी) खोलता है।

स्टाइल को कस्टमाइज़ करें

Anchor link to

presentInboxUI() में एक PWInboxStyle पास करें। हर फ़ील्ड वैकल्पिक है और अगर सेट नहीं किया गया है तो अपना डिफ़ॉल्ट मान रखता है। इमेज फ़ील्ड Flutter एसेट पाथ हैं और उन्हें आपके pubspec.yaml में घोषित किया जाना चाहिए:

फ़ील्डकस्टमाइज़ करता है
dateFormatतारीख का फ़ॉर्मेटिंग, जैसे "dd.MMMM.yyyy"
defaultImageबिना इमेज वाले संदेश के बगल में डिफ़ॉल्ट आइकन
unreadImageन पढ़े गए संदेशों का निशान (केवल iOS)
listErrorImageसूची लोड होने में विफल होने पर दिखाया जाता है
listEmptyImageजब सूची में कोई संदेश नहीं होता है तो दिखाया जाता है
listErrorMessageत्रुटि टेक्स्ट (स्थानीयकृत नहीं)
listEmptyMessageखाली-सूची टेक्स्ट (स्थानीयकृत नहीं)
barTitleइनबॉक्स स्क्रीन का शीर्षक
defaultTextColorडिफ़ॉल्ट टेक्स्ट का रंग (केवल iOS)
accentColorएक्सेंट रंग
backgroundColorबैकग्राउंड का रंग
highlightColorचयन का रंग
titleColorसंदेश के शीर्षक का रंग
readTitleColorपढ़े गए संदेशों के लिए शीर्षक का रंग (केवल Android)
descriptionColorसंदेश के विवरण का रंग
readDescriptionColorपढ़े गए संदेशों के लिए विवरण का रंग (केवल Android)
dateColorसंदेश की तारीख का रंग
readDateColorपढ़े गए संदेशों के लिए तारीख का रंग (केवल Android)
dividerColorविभाजक का रंग
barBackgroundColorटाइटल बार के बैकग्राउंड का रंग
barAccentColorटाइटल बार के बैक-बटन का रंग
barTextColorटाइटल बार के टेक्स्ट का रंग
imageTypeColorन पढ़े गए एक्शन आइकन का रंग, जैसे डीप लिंक या URL (केवल Android)
readImageTypeColorपढ़े गए एक्शन आइकन का रंग (केवल Android)
PWInboxStyle style = PWInboxStyle();
style.barTitle = "Messages";
style.barBackgroundColor = "#3AD29F";
style.accentColor = "#6750A4";
style.listEmptyMessage = "No messages yet";
style.defaultImage = "assets/images/logo.png";
PushwooshInbox.presentInboxUI(style: style);

संदेशों को प्रोग्रामेटिक रूप से प्रबंधित करें

Anchor link to

बिल्ट-इन स्क्रीन खोले बिना संदेश सूची, पढ़े गए संदेशों की गिनती लोड करें, और व्यक्तिगत संदेशों पर कार्रवाई करें। यह एक कस्टम इनबॉक्स UI या एक न पढ़े गए बैज के लिए उपयोगी है:

try {
List<InboxMessage> messages = await PushwooshInbox.loadMessages();
for (final message in messages) {
print("${message.title}: ${message.message}");
}
int? unread = await PushwooshInbox.unreadMessagesCount();
int? total = await PushwooshInbox.messagesCount();
int? notActedOn = await PushwooshInbox.messagesWithNoActionPerformedCount();
} catch (error) {
print("Failed to load inbox data: $error");
}
PushwooshInbox.readMessage(messageCode);
PushwooshInbox.deleteMessage(messageCode);
PushwooshInbox.performAction(messageCode); // runs the message's default action, e.g. opening a URL

loadCachedMessages() Android पर नेटवर्क कॉल के बिना अंतिम स्थानीय रूप से कैश्ड सूची लौटाता है। iOS पर यह वर्तमान में loadMessages() के समान व्यवहार करता है और अभी भी नेटवर्क को कॉल करता है।