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

पैकेज विवरणv3.0.1

extended_masked_text

फ्लटर ऐप्स के लिए मास्केड टेक्स्ट इनपुट की अनुमति देने वाले कस्टम TextEditingControllers का एक छोटा सेट

AndroidiOSmacOSWindowsLinux
30-दिन डाउनलोड
23.7 हज़ार
लाइक
147
Pub अंक
160

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

flutter pub add extended_masked_text

पैकेज अवलोकन

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

ExtendedMaskedText एक Flutter पैकेज है जो मास्क किए गए टेक्स्ट इनपुट बनाने के लिए कस्टम TextEditingControllers प्रदान करता है, जिससे उपयोगकर्ता फोन नंबर, तिथि या आईडी जैसे डेटा को पूर्व-निर्धारित फॉर्मेट में दर्ज कर सकते हैं। यह इनपुट के दौरान रियल-टाइम फॉर्मेटिंग और वैधता की सुविधा प्रदान करता है, जिससे उपयोगकर्ता अनुभव में सुधार होता है और उनके टाइप करते समय सही संरचना सुनिश्चित होती है। यह पैकेज हल्का है और विभिन्न प्लेटफॉर्मों पर फॉर्म और इनपुट फील्ड में आसानी से एकीकृत हो सकता है।

उपयोग

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

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

  • रियल-टाइम इनपुट मास्किंग
  • कस्टमाइज़ किए गए मास्क पैटर्न
  • स्वचालित कर्सर स्थिति
  • डायनामिक मास्क का समर्थन
  • एंबेडेड वैधता तर्क

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

  • फॉर्म-भारी एप्लिकेशन बनाने वाले डेवलपर्स
  • कठोर इनपुट प्रारूप की आवश्यकता वाले ऐप्स
  • प्लेटफॉर्म के आधार पर मोबाइल और डेस्कटॉप एप्लिकेशन
  • इनपुट सटीकता पर बल देने वाले उपयोगकर्ता इंटरफ़ेस

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

  • ध्यान से मास्क पैटर्न डिज़ाइन की आवश्यकता हो सकती है
  • सीमित टेक्स्ट इनपुट परिदृश्यों तक
  • नेस्टेड या चर मास्क के साथ संभावित जटिलता
  • गैर-पाठ इनपुट प्रकार के लिए उपयुक्त नहीं
  • मास्क में विशेष अक्षरों के साथ हस्तक्षेप की आवश्यकता होती है

मूल README

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

Extended Masked Text Logo

Extended Masked Text

This package is based on the source code of flutter_masked_text and is an attempt to fix some bugs and continue the development of the original one.

Usage

Import the library

import 'package:extended_masked_text/extended_masked_text.dart';

MaskedTextController

Create your mask controller:

final controller = MaskedTextController(mask: '000.000.000-00');

Set controller to your text field:

return MaterialApp(
    title: 'Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

MoneyMaskedTextController

Create your mask controller:

final controller = MoneyMaskedTextController(leftSymbol: 'R\$ ');

Set controller to your text field:

return MaterialApp(
    title: 'Money Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

श्रेणियाँ

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

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