पैकेज विवरणv0.3.0

comment_tree

फेसबुक कमेंट - रिप्लाई की तरह कमेंट ट्री रेंडर करें।

AndroidiOSWebmacOSWindowsLinux

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 819
लाइक: 188
Pub अंक: 150

पैकेज इंस्टॉल करें

flutter pub add comment_tree

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

comment_tree पैकेज डेवलपर्स को फेसबुक के टिप्पणी प्रणाली के समान हिराकार्य टिप्पणी संरचना को दिखाने में सक्षम बनाता है, जिसमें नेस्टेड रिप्लाई समर्थित है। फ्लटर के साथ बनाया गया, यह एंड्रॉइड, आईओएस, वेब, मैकओएस, विंडोज और लिनक्स सहित कई प्लेटफॉर्मों पर धारण करने वाले एक साफ और कस्टमाइज़ करने योग्य UI प्रदान करता है। इसमें रिप्लाई को एक्सपेंड/कॉलेप्स करने और स्मूथ एनिमेशन के लिए बिल्ट-इन समर्थन है। यह सोशल मीडिया ऐप्स, फोरम या चैट इंटरफेस के लिए आदर्श है जहां उपयोगकर्ताओं को लेयर्ड चर्चा में भाग लेने की आवश्यकता होती है। स्रोत कोड ट्रांसपेरेंसी और योगदान के लिए गिटहब पर सार्वजनिक रूप से उपलब्ध है।

उपयोग

सोशल मीडिया कमेंट सेक्शन
फोरम थ्रेड प्रदर्शित करता है
इंटरैक्टिव चैट एप्लिकेशन्स
नेस्टेड रिप्लाई प्रणाली
उपयोगकर्ता एंगेजमेंट फीचर्स
समुदाय चर्चा बोर्ड

मुख्य विशेषताएँ

नेस्टेड कमेंट रेंडरिंग
विस्तार्य/संक्षिप्त प्रतिक्रिया
प्लेटफॉर्म के अनुकूलता
कस्टमाइज़ेबल यूआई कंपोनेंट्स
चिकनी एनिमेशन
GitHub-आधारित ओपन-सोर्स कोड

इनके लिए उपयुक्त

सोशल फीचर्स बनाने वाले Flutter डेवलपर्स
थ्रेडेड चैट की आवश्यकता वाले ऐप्स
उपयोगकर्ता-जनित सामग्री वाले प्रोजेक्ट्स
पुनर्उपयोगी टिप्पणी UI चाहने वाले विकासकर्ता
ओपन-सोर्स समाधान चाहने वाली टीमें

विचार योग्य बातें

ब्रांडिंग के लिए कस्टम स्टाइलिंग की आवश्यकता है
बड़े ट्री के लिए प्रदर्शन अनुकूलन की आवश्यकता हो सकती है
सीमित निर्मित समीक्षा उपकरण
बाहरी राज्य प्रबंधन पर निर्भर है
वास्तविक समय सिंक के लिए डिज़ाइन नहीं किया गया है
बैकएंड इंटीग्रेशन के बिना मूल इंटरैक्शन हैंडलिंग

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

comment_tree

A new Flutter package.

Getting Started

CommentTreeWidget<Comment, Comment>(
      ...
      treeThemeData: TreeThemeData(
        lineColor: Colors.green[500],
        lineWidth: 3
      ),
      avatarRoot: (context, data) => PreferredSize(...),
      avatarChild: (context, data) => PreferredSize(...),
      contentChild: (context, data) {
          return ...;
      },
      contentRoot: (context, data) {
         return ...;
      })