Table of Contents

1. Video
2. About The Project
3. Features
4. Getting Started
5. Usage
6. Contributing
7. License
8. Contact

Resizable Tabs

A lightweight and elegant Flutter widget to create resizable tab layouts with a draggable divider.
Explore on pub.flutter-io.cn »

View Demo · Report Bug · Request Feature

About The Project #

resizable_tabs is a Flutter package that provides a split-view layout with two tabs (or panels) separated by a draggable divider.
Perfect for IDE-like layouts, dashboards, editors, and responsive designs.

Features #

• ✅ resizable
• ✅ Lightweight
• ✅ Works in both horizontal and vertical layouts
• ✅ responsive
• ❌ customizable divider

(back to top)

Built With #

(back to top)

Getting Started #

To use the resizable_tabs package in your Flutter project, follow these steps:

Prerequisites #

Make sure you have Flutter installed on your machine:

• Terminal

  flutter --version
  

Installation #

1. Add the package to your pubspec.yaml:

• pubspec.yaml

  dependencies:
    resizable_tabs: ^1.1.0
  

2. Install packages:

• Terminal

   flutter pub get
  

3. Import it in your Dart file:

• Dart file

  import 'package:resizable_tabs/resizable_tabs.dart';
  

(back to top)

Usage #

Here’s a simple example of creating a resizable tabs layout:

     Scaffold(
           body: ResizableTabs(
               tabOne: Container(
                 color: Colors.blue.shade200,
                 child: const Center(child: Text('Left Tab')),
               ),
               tabTwo: Container(
                 color: Colors.green.shade200,
                 child: const Center(child: Text('Right Tab')),
               ),
             ),
         ),

(back to top)

Contributing #

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/feature.name)
3. Commit your Changes (git commit -m 'Add some feature.name')
4. Push to the Branch (git push origin feature.name)
5. Open a Pull Request

(back to top)

License #

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact #

Mourad BARKOUCH - 2126 82 69 00 09 - mouradbarkouch@gmail.com

Project Link: Click here!

(back to top)