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 खोलना