搜尋套件、儲存庫與 APP 分類

gender_picker 封面
套件詳情v1.1.0

gender_picker

一個非常棒且反應迅速的庫,可用於水平或垂直方式選擇性別

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
120
喜歡數
42
Pub 分數
140

安裝套件

flutter pub add gender_picker

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個用於選擇性別的反應式 Flutter 庫,支援水平與垂直佈局。它提供直覺且可自訂的介面,讓使用者輕鬆選取性別選項,非常適合用於個人檔案設定或使用者註冊流程。此套件設計輕量且易於整合,提供流暢的 UI 回饋與跨平台的響應式設計。它可在 Android、iOS、Web、macOS、Windows 與 Linux 上順暢運作。

適用情境

  • 用戶資料建立
  • 註冊表單
  • 個人設定
  • 聊天應用用戶詳情
  • 需要選擇性別的表單輸入

主要特色

  • 水平和垂直佈局選項
  • 反應式 UI 更新
  • 跨平台相容性
  • 可自定外觀
  • 與 Flutter 的簡單整合
  • 響應式設計

適合對象

  • 應用開發者建立使用者資料
  • 需要性別輸入的表單
  • 跨平台 Flutter 應用
  • 以使用者介面為重點的應用程式
  • 極簡表單組件

使用建議

  • 僅限性別選擇
  • 無內建驗證
  • 需要手動處理所選值
  • 不適合複雜表單
  • 如果在大型應用中使用,依賴外部狀態管理

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

gender_picker 1.1.0

An awesome gender picker widget comes with latest feature to support in your project design.

The goal of this project is to provide an ultimate widget for selecting the gender.

The source code is 100% Dart, and everything resides in the /lib folder.

Screenshot_20200314_120050_com mateen example

Installing

Add this to your package's pubspec.yaml file:

dependencies: gender_picker: ^1.1.0

Sample Usage

import 'package:gender_picker/source/enums.dart';
import 'package:gender_picker/source/gender_picker.dart';
GenderPickerWithImage(
              showOtherGender: true,
              verticalAlignedText: false,
              selectedGender: Gender.Male,
              selectedGenderTextStyle: TextStyle(
                  color: Color(0xFF8b32a8), fontWeight: FontWeight.bold),
              unSelectedGenderTextStyle: TextStyle(
                  color: Colors.white, fontWeight: FontWeight.normal),
              onChanged: (Gender gender) {
                print(gender);
              },
              equallyAligned: true,
              animationDuration: Duration(milliseconds: 300),
              isCircular: true,
              // default : true,
              opacityOfGradient: 0.4,
              padding: const EdgeInsets.all(3),
              size: 50, //default : 40
            )

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。