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

• x resizable
• x Lightweight
• x Works in both horizontal and vertical layouts
• x 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)