vertical_resizable_tabs 1.0.0
vertical_resizable_tabs: ^1.0.0 copied to clipboard
A Flutter widget that displays two vertically resizable panels separated by a draggable divider.
Table of Contents
Vertical Resizable Tabs
A Flutter widget that displays two vertically resizable panels separated by a draggable divider.
Explore on pub.dev »
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
Built With #
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 #
- Add the package to your
pubspec.yaml:
- pubspec.yaml
dependencies: vertical_resizable_tabs: ^1.0.0
- Install packages:
- Terminal
flutter pub get
- Import it in your Dart file:
- Dart file
import 'package:vertical_resizable_tabs/vertical_resizable_tabs.dart';
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')),
),
),
);
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!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/feature.name) - Commit your Changes (
git commit -m 'Add some feature.name') - Push to the Branch (
git push origin feature.name) - Open a Pull Request
License #
Distributed under the MIT License. See LICENSE.txt for more information.
Contact #
Mourad BARKOUCH
- 2126 82 69 00 09
- mouradbarkouch@gmail.com
- https://mouradbarkouch.dev/