패키지, 저장소 및 앱 카테고리 검색

url_textformfield 표지
패키지 상세v1.0.0

url_textformfield

URL 입력을 위한 텍스트 폼 필드로, 입력의 시작과 끝에 앞서고 뒤에 오는 텍스트를 추가할 수 있는 옵션이 있습니다

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
11
좋아요
1
Pub 점수
150

패키지 설치

flutter pub add url_textformfield

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

URL 입력을 위한 특수화된 Flutter TextFormField로, 내장된 검증 기능과 사용자 입력 전후에 사용자 정의 텍스트를 추가할 수 있는 기능을 제공합니다. 자동으로 'https://' 또는 끝 슬래시와 같은 일반적인 URL 접두사를 추가함으로써 사용자 오류를 줄이고 사용성을 향상시킵니다. 구조화된 웹 주소가 필요한 양식에 적합하며, 모바일, 웹, 데스크톱 등 다양한 플랫폼을 지원합니다. 패키지는 URL 형식을 간단하게 유지하면서도 사용자 지정 가능한 앞부분 및 뒷부분 콘텐츠를 통해 유연성을 유지합니다.

사용 사례

  • 양식 내 웹 주소 입력
  • HTTPS 접두사가 있는 URL 자동 형식 지정
  • 부분적인 URL에 끝 슬래시 추가
  • 사용자 정의 URL 스키마 강제 적용
  • 다중 플랫폼 URL 입력
  • 수동 입력 오류 감소

주요 기능

  • 자동 URL 접두사 추가
  • 앞부분 및 뒷부분 텍스트 지원
  • 내장된 URL 검증
  • 크로스 플랫폼 호환성
  • 사용자 정의 가능한 입력 형식
  • 기존 양식과의 간단한 통합

적합한 대상

  • URL 입력을 사용하여 양식을 구축하는 개발자
  • 일관된 URL 형식이 필요한 앱
  • Android, iOS, Web, macOS, Windows 및 Linux를 대상으로 하는 프로젝트
  • 데이터 입력에서 사용자 경험을 우선시하는 팀
  • 최소한의 보일러플레이트를 찾는 프론트엔드 개발자

고려 사항

  • 경계 사례에 대한 추가 검증이 필요할 수 있습니다
  • URL 전용 형식 지정에 국한됨
  • 접두사/접미사 텍스트의 올바른 구성에 의존
  • 비 URL 텍스트 입력에 적합하지 않음
  • 표준 URL 구조를 전제로 한다
  • 기본 형식을 초과하는 복잡한 URL 파싱은 처리하지 않습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

url_textformfield

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

screenshot

Contributing

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

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.