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

套件詳情v1.0.0

gender_selection

一個用於性別選擇的Flutter套件。它是一個很棒的性別選擇組件,具有酷炫的漸變和動畫效果

近 30 天下載
64
喜歡數
20
Pub 分數
35

安裝套件

flutter pub add gender_selection

套件介紹

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

一個 Flutter 套件,提供一個美觀的性別選擇元件,具備平滑漸層與引人入勝的動畫效果。專為使用者個人檔案、註冊表單或即時通訊介面設計,透過現代且互動性強的設計提升使用者體驗。此元件易於整合與自訂,非常適合需要以視覺吸引人方式輸入性別之應用程式。支援男性與女性選項,並具備直覺的點擊互動。

適用情境

  • 使用者資料設定
  • 註冊表單
  • 聊天介面自定義
  • 入門流程
  • 社交應用功能
  • 個性化螢幕

主要特色

  • 平滑漸變設計
  • 動畫選擇過渡
  • 簡單整合
  • 可自定顏色
  • 響應式使用者介面
  • 直覺的輕觸互動

適合對象

  • 行動應用開發者
  • UI/UX 設計師
  • 社交網絡應用
  • 使用者入門流程
  • 設定檔自訂工具

使用建議

  • 僅限性別選擇
  • 未提及無障礙功能
  • 未注意到平台特定優化
  • 不支援除男性/女性之外的其他性別選項

原始 README

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

gender_selection

A Flutter package for gender selection. It is an aweome gender selection widget with cool gradients and animation effects

pub package Awesome Flutter Donate

Demo

Installing

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

dependencies:
gender_selection: "^0.0.8"

Simple Usage

import 'package:gender_selection/gender_selection.dart';

GenderSelection(
maleText: "", //default Male
femaleText: "", //default Female
linearGradient: pinkRedGradient,
selectedGenderIconBackgroundColor: Colors.indigo, // default red 
checkIconAlignment: Alignment.centerRight,   // default bottomRight
selectedGenderCheckIcon: null, // default Icons.check
onChanged: (Gender gender){
print(gender);
},
equallyAligned: true,
animationDuration: Duration(milliseconds: 400),
isCircular: true, // default : true,
isSelectedGenderIconCircular: true,
opacityOfGradient: 0.6,
padding: const EdgeInsets.all(3),
size: 120, //default : 120

),

✌️ Contribution

  1. Fork the repositiry from package
  2. Create your own branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Getting Started

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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。