vertical_resizable_tabs 1.0.0 copy "vertical_resizable_tabs: ^1.0.0" to clipboard
vertical_resizable_tabs: ^1.0.0 copied to clipboard

A Flutter widget that displays two vertically resizable panels separated by a draggable divider.

LinkedIn Github repo License pub.dev emailme version

Table of Contents

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

Vertical Resizable Tabs

A Flutter widget that displays two vertically resizable panels separated by a draggable divider.
Explore on pub.dev »


Image Image Image

View Demo · Report Bug · Request Feature

About The Project #

vertical_resizable_tabs is a Flutter package that provides a split-view layout with two tabs (or panels) separated by a draggable divider.

Features #

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

(back to top)

Built With #

  • Flutter
  • Dart

(back to top)

Getting Started #

To use the vertical_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:
      vertical_resizable_tabs: ^1.0.0
    
  1. Install packages:
  • Terminal
     flutter pub get
    
  1. Import it in your Dart file:
  • Dart file
    import 'package:vertical_resizable_tabs/vertical_resizable_tabs.dart';
    

(back to top)

Usage #

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

     Scaffold(
     appBar: AppBar(
       title: Text('Vertical resizable tabs exemple'),
       backgroundColor: Colors.white,
       centerTitle: true,
     ),
     body: ResizableTabsVertical(
       radius: 12,
       topTab: Container(
         height: double.infinity,
         width: double.infinity,
         color: Colors.lightBlue[100],
         child: Center(child: Text('Top tab')),
       ),
       bottomTab: Container(
         height: double.infinity,
         width: double.infinity,
         color: Colors.lightGreen[100],
         child: Center(child: Text('Bottom tap')),
       ),
     ),
   );

(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

(back to top)

0
likes
150
points
5
downloads

Documentation

API reference

Publisher

verified publishermouradbarkouch.dev

Weekly Downloads

A Flutter widget that displays two vertically resizable panels separated by a draggable divider.

Homepage
Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on vertical_resizable_tabs