搜索插件、代码仓与 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.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。