GithubHelp home page GithubHelp logo

mzakizadeh / shifting_tabbar Goto Github PK

View Code? Open in Web Editor NEW
146.0 3.0 17.0 810 KB

A custom tab bar widget for Flutter framework.

License: MIT License

Java 6.43% Dart 86.22% Objective-C 3.90% Kotlin 0.81% Swift 2.63%
flutter material-design

shifting_tabbar's Issues

Add more customization

With 5 tabs, the last is about to leave the screen, and the first have a sort of padding on the left, please make something so we can adjust these things.

Suggestions to cater for different sizes device

  1. For Widget _buildTab, you can use mainAxisAlignment: MainAxisAlignment.center, in Row to cater for different length of words.
  2. For labelFlex, MediaQuery.of(context).devicePixelRatio gives a better feeling across different sizes screen.

IMPORTANT - Error with null-safety

Hi! I've updated my project to sdk: ">=2.12.0 <3.0.0" and I have an error that I can't resolve:
type 'List<_ShiftingTabWidget?>' is not a subtype of type 'List<Widget>' in type cast

the tabs I'm using are the following:

List<ShiftingTab> tabs = [
      ShiftingTab(icon: Icon(Icons.info), text: "1"),
      ShiftingTab(icon: Icon(Icons.shopping_cart_rounded), text: "2"),
      ShiftingTab(icon: Icon(Icons.group_rounded), text: "3"),
      ShiftingTab(icon: Icon(Icons.chat_bubble_rounded), text: "4"),
    ];

The error seems coming from p_ackage:shifting_tabbar/shifting_tabbar.dart:117:40_

Thanks for helping :D

ShiftTabbar with scrollable

Is there anyway to make this tab bar scrollable. because i have to set more tabs than 5 so its become congested when i click a tab.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.