gender_picker

Package Overview

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

A reactive Flutter library for selecting gender with support for both horizontal and vertical layouts. It provides an intuitive, customizable interface for users to pick gender options, making it ideal for profile setup or user registration flows. The package is designed to be lightweight and easy to integrate, offering smooth UI feedback and responsive design across platforms. It works seamlessly on Android, iOS, Web, macOS, Windows, and Linux.

Use cases

User profile creation
Registration forms
Personal settings
Chat app user details
Form inputs requiring gender selection

Key features

Horizontal and vertical layout options
Reactive UI updates
Cross-platform compatibility
Customizable appearance
Simple integration with Flutter
Responsive design

Suitable for

App developers building user profiles
Forms needing gender input
Cross-platform Flutter apps
UI-focused applications
Minimalist form components

Considerations

Limited to gender selection only
No built-in validation
Requires manual handling of selected value
Not suitable for complex forms
Depends on external state management if used in larger apps

Original README

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

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.

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.

Search packages, repositories and app categories

Install package