パッケージ、リポジトリ、アプリカテゴリを検索

validation_textformfield のカバー
パッケージ詳細v2.2.5

validation_textformfield

Flutterのテキストフィールド検証を使用すると、Flutterアプリ内のさまざまなテキストフォームフィールドを検証できます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
41
いいね数
37
Pub ポイント
130

パッケージをインストール

flutter pub add validation_textformfield

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

validation_textformfield パッケージは、テキストフォームフィールドの使いやすい検証を提供することで、Flutter アプリケーションを強化します。開発者は、必須フィールド、メール形式、カスタムパターンなどのさまざまな検証ルールを、直接 TextFormField ウィジェットに適用できます。すべての主要プラットフォームでサポートされており、ボイラープレートコードなしで入力検証を簡素化します。既存のフォームにスムーズに統合され、リアルタイムフィードバックを通じてユーザー体験を向上させます。堅牢で再利用可能なフォーム検証ロジックが必要なアプリに最適です。

用途

  • フォーム入力検証
  • メールアドレスおよび電話番号の検証
  • カスタム検証ルール
  • リアルタイムユーザーのフィードバック
  • 再利用可能なフォームコンポーネント
  • クロスプラットフォーム形式処理

主な機能

  • 組み込みの検証ルール
  • カスタムバリデーターのサポート
  • リアルタイム検証フィードバック
  • クロスプラットフォーム互換性
  • TextFormField との簡単な統合
  • 拡張可能な検証ロジック

適している対象

  • Flutter ビギナー
  • フォーム中心のアプリケーション
  • モバイルおよびウェブアプリ
  • 迅速な検証を求める開発者
  • 一貫した入力検証を必要とするアプリ
  • 開発スピードを最優先とするチーム

注意事項

  • テキスト形式のフィールドに限定
  • 組み込みの国際化なし
  • 手動でのエラーメッセージカスタマイズが必要です
  • 外部の依存関係に依存しています
  • 複雑なネストされたフォーム向けに設計されていません
  • UIの一貫性を確保するために追加のスタイル設定が必要になる場合があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Installation

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  validation_textformfield: Update version
  1. Import the package and use it in your Flutter App.
import 'package:validation_textformfield/validation_textformfield.dart';
    

A Flutter package for launching a Validation TextFormField . Supports iOS, Android, web, Windows, macOS, and Linux.

Example


EmailValidationTextField(
 whenTextFieldEmpty: "Please enter  email",
 validatorMassage: "Please enter valid email",
 decoration: InputDecoration(
 focusedBorder: OutlineInputBorder(
 borderSide: BorderSide(color: Colors.black, width: 0.5),
),
 enabledBorder: OutlineInputBorder(
 borderSide: BorderSide(color: Colors.black, width: 0.5),
),
 border: OutlineInputBorder(),
 counterText: '',
 hintStyle: TextStyle(color: Colors.black, fontSize: 18.0)),
 textEditingController: txtEmailCtrl,
)
PassWordValidationTextFiled(
 lineIndicator:false,
 passwordMinError: "Must be more than 5 charater", 
 hasPasswordEmpty: "Password is Empty",
 passwordMaxError: "Password to long", 
 passWordUpperCaseError: "at least one Uppercase (Capital)lette",
 passWordDigitsCaseError: "at least one digit",
 passwordLowercaseError: "at least one lowercase character",
 passWordSpecialCharacters: "at least one Special Characters",
 obscureText: _isObscure,
 scrollPadding: EdgeInsets.only(left: 60),
 onChanged: (value) {
  // print(value);
 },
 passTextEditingController: txtPasswordCtrl,
 passwordMaxLength: 10,
 passwordMinLength: 5,
),

ConfirmPassWordValidationTextFromField(
 obscureText: _isObscure,
// obscureText: _isObscure,
 scrollPadding: EdgeInsets.only(left: 60),
 onChanged: (value) {
// print(value);
 },
 whenTextFieldEmpty: "Empty",
 validatorMassage: "Password not Match",
 confirmtextEditingController: txtConfPasswordCtrl,
// passtControllername:txtPasswordCtrl
),

See the example app for more complex examples.

Image

Email

BasicPassword

passwordLiner

Getting Started

For help getting started with Flutter, view our online documentation.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。