Buttons Panel

Buttons Panel is a Flutter plugin that lets you create a row/column of buttons that appear as if they're connected in a single line. It gives the illusion of a unified widget, but users can still choose one of the options by tapping the button of their choice.

Short Demo

Features

  • Button Panel: Create a panel containing multiple buttons for users to interact with.

  • Customization: Customize the appearance of the buttons, including colors, text or icons theme, selected item theme background colors etc.

  • Callback Functions: Set callback functions to handle user interactions when buttons are pressed.

  • Flexible Layout: Easily integrate the Buttons Panel into your app's layout and design.

Installation

To use this plugin in your Flutter project, add buttons_panel as a dependency in your pubspec.yaml file:

dependencies:
  buttons_panel: ^0.0.1  # Replace with the latest version

Then, run flutter pub get to install the package.

Usage

Import the package in your Dart code:

import 'package:buttons_panel/buttons_panel.dart';

Create a Buttons Panel widget:

ButtonsPanel(
  currentIndex: _currentIndex,
  onTap: (value) => setState(() => currentIndex2 = value),
  children: const [
    Text("Home"),
    Text("Search"),
    Text("Profile"),
  ],
),

For more detailed usage and customization instructions, please refer to the example.

Contributing

We welcome contributions to Buttons Panel Flutter Plugin! Feel free to open issues, create pull requests, or provide feedback to help improve this package.

License

This package is distributed under the MIT License.

Libraries

buttons_panel