पैकेज विवरणv2.2.0

circle_nav_bar

एक पैकेज फ्लटर प्रोजेक्ट में सर्कल बटन नेविगेशन बार बनाने का आसान तरीका प्रदान करता है

AndroidiOSWebmacOSWindowsLinux

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

30-दिन डाउनलोड: 3.5 हज़ार
लाइक: 164
Pub अंक: 160

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

flutter pub add circle_nav_bar

पैकेज अवलोकन

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

एक फ्लटर पैकेज जो वृत्ताकार नेविगेशन बार के निर्माण को सरल बनाता है, और पारंपरिक बॉटम नेविगेशन बार के आधुनिक और दृश्य रूप से आकर्षक विकल्प प्रदान करता है। यह विकासकर्ताओं को कस्टम आइकन और रंग के साथ एनीमेटेड, वृत्ताकार बटन को आसानी से लागू करने में सक्षम बनाता है। यह पैकेज Android, iOS, Web, macOS, Windows और Linux जैसे कई प्लेटफॉर्म का समर्थन करता है, जिससे यह क्रॉस-प्लेटफॉर्म एप्लिकेशन के लिए लचीला बनता है। pub add के माध्यम से न्यूनतम सेटअप के साथ, यह मौजूदा फ्लटर प्रोजेक्ट में बिना किसी दिक्कत के एकीकृत हो जाता है।

उपयोग

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

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

सर्कुलर बटन डिज़ाइन
कस्टमाइज़ेबल आइकॉन और रंग
चिकनी एनीमेशन
प्लेटफॉर्म के अनुकूल समर्थन
Flutter के साथ आसान एकीकरण
आवश्यक न्यूनतम कॉन्फ़िगरेशन

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

नवीनतम नेविगेशन की तलाश में UI डिजाइनर
रचनात्मक या कलात्मक एप्लिकेशन बनाने वाले डेवलपर्स
आधुनिक इंटरफेस तत्वों की आवश्यकता वाले प्रोजेक्ट
क्रॉस-प्लेटफॉर्म फ्लटर एप्लिकेशन्स
उपयोगकर्ता एंगेजमेंट और दृश्य आकर्षण पर केंद्रित ऐप्स

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

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

मूल README

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

Circle Nav Bar

Example style:

./example

no padding black	padding with gradient

./example_two

Level and Icons	only Icons	padding with Levels and icons

How to use

dependencies:
  circle_nav_bar: ^latest_version

import 'package:circle_nav_bar/circle_nav_bar.dart';

Scaffold(
      bottomNavigationBar: CircleNavBar(
        activeIcons: const [
          Icon(Icons.person, color: Colors.deepPurple),
          Icon(Icons.home, color: Colors.deepPurple),
          Icon(Icons.favorite, color: Colors.deepPurple),
        ],
        inactiveIcons: const [
          Text("My"),
          Text("Home"),
          Text("Like"),
        ],
        color: Colors.white,
        circleColor: Colors.white,
        height: 60,
        circleWidth: 60,
        initIndex: 1,
        onChanged: (v) {
          // TODO
        },
        // tabCurve: ,
        padding: const EdgeInsets.only(left: 16, right: 16, bottom: 20),
        cornerRadius: const BorderRadius.only(
          topLeft: Radius.circular(8),
          topRight: Radius.circular(8),
          bottomRight: Radius.circular(24),
          bottomLeft: Radius.circular(24),
        ),
        shadowColor: Colors.deepPurple,
        circleShadowColor: Colors.deepPurple,
        elevation: 10,
        gradient: LinearGradient(
            begin: Alignment.topRight,
            end: Alignment.bottomLeft,
            colors: [ Colors.blue, Colors.red ],
        ),
        circleGradient: LinearGradient(
            begin: Alignment.topRight,
            end: Alignment.bottomLeft,
            colors: [ Colors.blue, Colors.red ],
        ),
      ),
      ...