url_textformfield

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个专门用于 URL 输入的 Flutter TextFormField，提供内置验证功能，并支持在用户输入前后添加自定义文本。它通过自动添加常见的 URL 前缀（如 'https://'）或尾部斜杠来提升易用性，减少用户错误。适用于需要结构化网页地址的表单，支持移动、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.

搜索插件、代码仓与 APP 分类