पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

ducafecatFlutter इकोसिस्टम गाइड
bottom_sheet_expandable_bar कवर
पैकेज विवरणv0.1.2

bottom_sheet_expandable_bar

एक पैकेज जो नीचे की बार दिखाता है और एक नीचे के शीट को फैलाकर दिखाने की क्षमता रखता है

AndroidiOSWebmacOSWindowsLinux
pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
54
लाइक
28
Pub अंक
140

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

flutter pub add bottom_sheet_expandable_bar

पैकेज अवलोकन

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

एक फ्लटर पैकेज जो एक बॉटम नेविगेशन बार प्रदान करता है जो बॉटम शीट में विस्तारित किया जा सकता है, जिससे अतिरिक्त सामग्री या क्रियाएँ उपलब्ध हों। यह बॉटम बार की सरलता और बॉटम शीट की लचीलापन को जोड़कर उपयोगकर्ता अंतरक्रिया को बढ़ाता है। संक्षिप्त नेविगेशन के साथ विस्तारित कार्यक्षमता की आवश्यकता वाले ऐप्स के लिए आदर्श है, यह एंड्रॉइड, आईओएस, वेब, मैकओएस, विंडोज और लिनक्स सहित कई प्लेटफॉर्मों का समर्थन करता है। पैकेज हल्का है और मौजूदा फ्लटर प्रोजेक्ट्स में बिना किसी दिक्कत के एकीकृत हो सकता है।

उपयोग

  • एक्सपैंडेबल विकल्प के साथ मोबाइल ऐप नेविगेशन
  • इंटरैक्टिव बॉटम शीट्स के साथ UI में सुधार
  • वेब और डेस्कटॉप एप्लिकेशन में डायनामिक बॉटम बार बनाना
  • गैर-मुख्य क्रियाओं तक त्वरित पहुँच प्रदान करना
  • प्लेटफॉर्म के आसपास प्रतिक्रियाशील लेआउट डिज़ाइन करना

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

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

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

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

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

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

मूल README

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

Bottom Sheet Expandable Bar

This package create a bottom navigation bar with the capability to show a bottom sheet.

Instalation

Include bottom_sheet_expandable_bar in your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  bottom_sheet_expandable_bar: version

Usage

To use this package, just import it into your file and enjoy it.

import 'package:bottom_sheet_expandable_bar/bottom_sheet_bar_icon.dart';
import 'package:bottom_sheet_expandable_bar/bottom_sheet_expandable_bar.dart';

...

bottomSheet: BottomBarSheet(
  children: [
    BottomSheetBarIcon(
      icon: Icon(Icons.home),
      color: Colors.redAccent, 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.person),
      color: Colors.blueAccent, 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.edit),
      color: Colors.blue[800], 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.star),
      color: Colors.orangeAccent, 
      onTap: (){
      },
    ),
  ],
),

...

IMPORTANT: Add this line to your theme to avoid an unexpected behaviour

theme: ThemeData(
  /// Add this line
  bottomSheetTheme: BottomSheetThemeData(backgroundColor: Colors.transparent),
),
BottomSheetBarIcon

This widget allow to generate a dynamic icon

Properties

Name Description Required Default
icon Widget to put as button icon False
color Color to indicate icon color False Colors.black
onTap Function to handle button on tap True
BottomBarSheet

This widget allow to generate a bottom bar with the capability to expanto to a bottom sheet

Properties

Name Description Required Default
children List of BottomSheetBarIcon widget to show icons within the bar False
buttonPosition ButtonBottomBarPosition to indicate expandable button position (center, end) False ButtonBottomBarPosition.center
backgroundBarColor Color to indicate bottom bar background color False Colors.white
backgroundColor Color to indicate bottom sheet color False Colors.white
showExpandableButton Boolean value to indicate when to show or hide expandable button False False
innerChild Widget to show into the bottom sheet False
bottomRadius Double value to indicate the corners radius for the bottom bar False 50.0
bottomBarHeight Double value to indicate the bottom bar height False 60.0
bottomBarWidth Double value to indicate the bottom bar height False Screen width * 0.9
duration Duration between show or hide the bottom sheet False 250 milliseconds
bottomSheetHeight Double value to indicate the bottom sheet height False Screen height * 0.75
iconExpand Icon to show into the expandable button False Icon(Icons.navigation)
iconColor Expandable button color False Colors.green
onClose Function to call when bottom sheet is closed False (){}
currentIndex Integer value to indicatet which tab is selected False 0
curve Curve to use on enter bottom sheet animation False Curves.ease
Expandable button at center

Expandable button at end

As a simple navigation bar

श्रेणियाँ

बॉटम नेविगेशन बार

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट

अभी कोई डेटा उपलब्ध नहीं है।