url_textformfield

パッケージ概要

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

URL 入力専用の特別な Flutter TextFormField で、組み込みの検証機能とユーザー入力の前におよび後にカスタムテキストを追加できる機能を備えています。'https://' や末尾スラッシュなどの一般的な URL プレフィックスを自動的に追加することで、ユーザーの誤りを減らし、使いやすさを向上させます。構造化されたウェブアドレスが必要なフォームに最適で、モバイル、Web、デスクトップを含む複数のプラットフォームをサポートします。パッケージは URL のフォーマットを簡素化しつつ、カスタマイズ可能な先頭および末尾コンテンツにより柔軟性を維持しています。

用途

フォーム内のウェブアドレス入力
HTTPSプレフィックス付きのURLを自動フォーマットする
不完全なURLに末尾のスラッシュを追加する
カスタムURLスキーマの強制適用
マルチプラットフォームURL入力
手動入力エラーの削減

主な機能

URLプレフィックスの自動追加
先頭および末尾のテキストのサポート
組み込みの URL 検証
クロスプラットフォーム互換性
設定可能な入力フォーマット
既存のフォームとの簡単な統合

適している対象

URL 入力を使用してフォームを構築する開発者
一貫したURL形式を必要とするアプリ
Android、iOS、Web、macOS、Windows、Linux をターゲットとするプロジェクト
データ入力におけるユーザー体験を最優先とするチーム
最小限のボイラープレートを求めるフロントエンド開発者

注意事項

エッジケースに対する追加の検証が必要になる場合があります
URL固有のフォーマットに限定
プレフィックス／トレーリングテキストの正しい構成に依存する
URL以外のテキスト入力には適していません
標準的なURL構造を前提としている
基本的な形式を超える複雑なURLの解析は処理しない

元の README

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

Textformfield designed for inputing urls, with options to add leading and trailing text, appended at begining and end of input

Getting Started

Add this to your package's pubspec.yaml file


dependencies:
  url_textformfield: ^1.0.0

Usage

First, you just have to import the package using:

import 'package:url_textformfield/url_textformfield.dart';

Then , use the widget as below,


  @override
  Widget build(BuildContext context) {
    return UrlTextFormField(
      focusNode: ctrlFocusNode,  
      padding: const EdgeInsets.all(10),
      onChanged: (val) {},
      leadingText: 'https://',
      suffixIcon: const Icon(
        Icons.check,
        color: Colors.green,
      ),
      trailingText: ".com",
    );

Example

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

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