tap_to_expand

Package Overview

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

The tap_to_expand package enables developers to create expandable widgets quickly and easily with minimal code. It provides a simple, customizable solution for toggling the visibility of content, ideal for collapsible sections in user interfaces. With support across all major platforms—Android, iOS, Web, macOS, Windows, and Linux—it ensures consistent behavior everywhere. The package is designed for flexibility, allowing customization of animation, duration, and visual appearance. Perfect for forms, FAQs, or any content that benefits from on-demand expansion.

Use cases

Creating collapsible FAQ sections
Building interactive form accordions
Displaying detailed information on demand
Enhancing mobile app navigation
Simplifying complex UI layouts

Key features

Minimal setup with few lines of code
Customizable animations and durations
Supports all major Flutter platforms
Extensible styling options
Easy integration with existing widgets

Suitable for

Beginner Flutter developers
Apps needing interactive expandable content
UI-heavy applications
Rapid prototyping
Projects requiring cross-platform consistency

Considerations

May require additional styling for complex layouts
Animation performance should be tested on lower-end devices
Limited built-in accessibility features
Not optimized for very large datasets
Custom logic may be needed for nested expandables

Original README

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

This package provides an easy and fast way to build expandable widgets with minimal code. You can customize these widgets according to your needs.

Features

Easily include your content
Enable scrolling with the isScrollable parameter
Beautiful animations

Getting started

To use this plugin, add tap_to_expand as a dependency in your pubspec.yaml file.

dependencies:
  tap_to_expand: ^1.0.0

Usage

Here is How to use TapToExpand class, You can find Package Api HERE

Center(
        child: TapToExpand(
          content: Column(
            children: <Widget>[
              for (var i = 0; i < 20; i++)
                Text(
                  "data $i",
                  style: const TextStyle(color: Colors.white, fontSize: 20),
                ),
            ],
          ),
          title: const Text(
            'TapToExpand',
            style: TextStyle(
              color: Colors.white,
              fontSize: 20,
            ),
          ),
          onTapPadding: 10,
          closedHeight: 70,
          scrollable: true,
          borderRadius: 10,
          openedHeight: 200,
        ),
      ),

For more information and customization options, visit the TapToExpand GitHub repository.

TapToExpandLetter(
                // autoClose: false, default is true
                title: const Text(
                  'Tap to Expand',
                  style: TextStyle(
                      color: Colors.white,
                      fontSize: 16,
                      fontWeight: FontWeight.w600),
                ),
                content: Column(
                  children: const [
                    Text(
                      'Feel free to use the code in your projects but do not forget to give me the credits adding  (Flutter Animation Gallery) where you are gonna use it.',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 18,
                        fontWeight: FontWeight.w400,
                      ),
                    ),
                    // Image.asset(
                    //   'assets/image_ex.png',
                    //   width: 150,
                    //   height: 150,
                    // ),
                  ],
                ),
                centerWidget: const Icon(
                  Icons.expand_less_rounded,
                  size: 50,
                ))
          ],
        ),

Search packages, repositories and app categories

Install package