gender_selection

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides an aesthetically pleasing gender selection widget featuring smooth gradients and engaging animation effects. Designed for use in user profiles, registration forms, or chat interfaces, it enhances the user experience with a modern, interactive design. The widget is easy to integrate and customize, making it ideal for apps requiring gender input in a visually appealing way. It supports both male and female options with intuitive tap interactions.

Use cases

User profile setup
Registration forms
Chat interface customization
Onboarding flows
Social app features
Personalization screens

Key features

Smooth gradient design
Animated selection transitions
Simple integration
Customizable colors
Responsive UI
Intuitive tap interaction

Suitable for

Mobile app developers
UI/UX designers
Social networking apps
User onboarding flows
Profile customization tools

Considerations

Limited to gender selection only
No accessibility features mentioned
No platform-specific optimizations noted
Does not support additional gender options beyond male/female

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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

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

Fork the repositiry from package
Create your own branch (git checkout -b my-new-feature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin my-new-feature)
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.

Search packages, repositories and app categories