Hi Rezaul ! I've been using this repository for a flutter project, and I had to make changes to the MotionTabBar class you provide. I think it could be interesting that I share with you my modifications through a Pull Request, if you're interested in accepting contribution to you repository 😃

If it's OK for you, let me know 😃

Alexandre

Hi dev, the initial tab is still fixed to index 1 in view even the initialIndex of _tabController is set to 0.

  @override
  void initState() {
    super.initState();
    _tabController = new MotionTabController(initialIndex: 0,vsync: this);
  }

I'm using the following code to change to displayed tab on swipe-right or swipe-left via code. Please note the _tabController.animateTo:

        body: GestureDetector(
          onHorizontalDragEnd: (drawEndDetails) {
            print(drawEndDetails);
            if (drawEndDetails.primaryVelocity > 0.0 && _tabController.index > 0) {
              setState(() => _tabController.animateTo(_tabController.index - 1));
            } else if (drawEndDetails.primaryVelocity < 0.0 && _tabController.index < _labels.length - 1) {
              setState(() => _tabController.animateTo(_tabController.index + 1));
            }
          },
          child: MotionTabBarView(
            controller: _tabController,
            children: [
              ContactCreateHistory(encounter: widget._encounter),
              ContactCreateContacts(encounter: widget._encounter),
              ContactCreateMaps(encounter: widget._encounter),
              ContactCreateFormular(encounter: widget._encounter),
            ],
          ),
        ),

The displayed content is updated correctly, but not the tab-display. it is not animating nor updated.

Before swipe, on the first tab: After swipe, tab-content updated to second tab, should be focusing red circled tab:

Am I doing something wrong?

• Replaced tabOne, tabTwo, etc with a list of icons and a list of labels
• TabItem.dart : no major changes, only style and code reorganization
• main.dart : updated demo :)

• Update to support null-safety
• add new parameters:
  • tabBarHeight (double)
  • tabBarColor (Colors)
  • tabSize (double)
  • tabIconSize (double)
  • tabIconSelectedSize (double)
  • tabIconSelectedColor (Colors)

This parameter should be optional, or at least to expect no more than 5 elements as UI/UX suggest for every application.

https://github.com/therezacuet/Motion-Tab-Bar/blob/bbb2b514b92061984b23322c733d2547d0e574c0/lib/MotionTabController.dart#L7

Using the simple example i implemented Motion tab bar on an iphone with bottom handle bar line iphone X and it is observed that there is not much padding between the bottom handle and the tab title.

And when MotionTabBar is wrapped inside SafeArea or BottomAppBar widget it seems that the whole tab bar breaks

Any chance that we can set the bar background color? I have done my own "dark mode" and need to be able to set backgroundcolor: _myActiveBackgroundColor (as an example).

Why can't I set an active index myself. I want to move back to home screen when I press back button on mobile device but there is no option to set active index by myself. Looking forward for your replay.

How to auto-hide tab bar on the scroll? Also, the Tab option is limited to 3, it would be great if we can make it dynamic base MotionTabBar Label's count.

The fork is available at motion_tab_bar_v2, with null-safety support.

Package is available here: https://pub.dev/packages/motion_tab_bar_v2

Issues and Pull Requests are welcome.

Hi,

Padding is needed on iOS. As you can see on the attached image, the lower iOS "Action Bar" overlaps the navigation texts. Maybe some additional padding could be added?