marsadmaqsood / stylish_bottom_bar Goto Github PK

Flex Constant Erorr
I have just pub get the dependencies when I added code bottom navigation bar and then run afterwards it give me error which mention in below please find.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See the error

../../../../../.pub-cache/hosted/pub.dev/stylish_bottom_bar-1.0.3/lib/src/bottom_bar.dart:421:21: Error: Cannot invoke a non-'const' constructor where a const expression is expected.
Try using a constructor or factory that is 'const'.
? const Flex(
^^^^
Target kernel_snapshot failed: Exception

FAILURE: Build failed with an exception.

• Where:
  Script '/Applications/development/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 1151

• What went wrong:
  Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command '/Applications/development/flutter/bin/flutter'' finished with non-zero exit value 1

Describe the bug
A clear and concise description of what the bug is.
Could you please allow to set size/space/margin between icon & title. right now in the nav bar there are too much default space between icon & title . If we can set it via variable then it would be good.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...' Inside BottomBarItem widget set the title & selected property to reproduce this senario

Expected behavior
A clear and concise description of what you expected to happen.

If you observe on above image space is very little. where in below rest of the images have too much space due to it some content of second tab are not properly visible.

Screenshots
If applicable, add screenshots to help explain your problem.
The problem we are currently facing is like this below:

Environment

Fill out the following details about your environment. You can remove any section that is not applicable.

• Flutter version: 3.3.10
• Package version: 1.0.3
• Operating System: [e.g., iOS, Android]
• Device: [e.g., iPhone 14 Pro Max, Pixel 6, Emulator, Physical Device]

Smartphone (please complete the following information):

• Device: [e.g. iPhone14]
  

• OS: [e.g. iOS8.1]

Additional context
Add any other context about the problem here.

With Flutter 3.7, this library broke.

The "Badge" class used by this library no clashes with the newly introduced Badge Widget from Material.

Error: 'Badge' is imported from both 'package:flutter/src/material/badge.dart' and 'package:stylish_bottom_bar/src/badge/badge.dart'.

Nice work!
But floating button overlapping when keyboard is showing
see the screenshot

Since the 1.0.1 version, the tabs (I am using BottomBarItems) are too small.

A hot reload in Flutter fixes it until I switch Tabs again. Downgrading to 1.0.0 fixes the issue.

when i swap from page to another ,page are rebuild every time

Hi I forked this pack and improve gradient support , for icons in AnimatedBottomBar.
Can I have contributed this change ?

: Error: Cannot invoke a non-'const' constructor where a const expression is expected.
bottom_bar.dart:421
Try using a constructor or factory that is 'const'.
? const Flex(
^^^^
Target kernel_snapshot failed: Exception
2

FAILURE: Build failed with an exception.

note that the notification button has its own badge but it does not appear because of the FloatingActionButton()

delete this please. I was doing something wrong

StylishBottomBar(
            option: AnimatedBarOptions(
            //iconSize: 32,
            barAnimation: BarAnimation.fade,
            iconStyle: IconStyle.Default,                   
            backgroundColor: Colors.blue,                 
          ),
          // option: BubbleBarOptions(
          //   barStyle: BubbleBarStyle.vertical,          
          //   bubbleFillStyle: BubbleFillStyle.fill,
          //   iconSize: 32,
          //   // bubbleFillStyle: BubbleFillStyle.outlined,
          //   opacity: 0.3,        
          // ),
            hasNotch: false,         
            elevation: 8.0,
            borderRadius: const BorderRadius.all(Radius.circular(50.0)),          
            currentIndex: currentPage ?? 0,        
            onTap: (index) {
            controller.jumpToPage(index);
            setState(() {
              currentPage = index;
            });
          },
            items: [
              BottomBarItem(
                icon: const Icon(Icons.home_outlined),              
                title: const Text('Home'),
                backgroundColor: Theme.of(context).primaryColor,               
              ),
              BottomBarItem(
                icon: const Icon(Icons.payments_rounded),
                title: const Text('Quick Pay'),
                backgroundColor: Theme.of(context).primaryColor,
              ),
              BottomBarItem(
                icon: const Icon(Icons.person_outlined),
                title: const Text('Profile'),
                backgroundColor: Theme.of(context).primaryColor,
              ),
              BottomBarItem(
                icon: const Icon(Icons.settings),
                title: const Text('Settings'),
                backgroundColor: Theme.of(context).primaryColor,
              ),
            ],
          ),

Background color getting green

Hi
I've set up a basic bar with:

StylishBottomBar(
fabLocation: StylishBarFabLocation.center,
hasNotch: true,
backgroundColor: Colors.white70,
currentIndex: currentMainTabIndex,
onTap: (index) {
_onItemTapped(index);
},
option: AnimatedBarOptions(
iconSize: 26,
barAnimation: BarAnimation.fade,
iconStyle: IconStyle.simple,
)

That should make it a bit transparent so you see what's behind. And that's the problem, whenever I have anything with a button behind, it will interact with it. It seems to interact with everything that is behind the bar. How can I stop this from happening? I've tried AbsorbPointer and everything but it will still go through. It seems the background bar is ignored and it won't stop it.

Hi, I found a issue that running in windows, hover backgroud is out of bounds:

Do you have any suggestions for this? Thank you~

Using your code from the Example, I just uncommented out the following lines:

//Bubble bar specific style properties
unselectedIconColor: Colors.grey,
barStyle: BubbleBarStyle.horizotnal,
bubbleFillStyle: BubbleFillStyle.fill,

I don't get the horizontal style. I can change the animation and icon styles, but I can't get the horizontal option to work. Am I missing something?

Bottom Navbar items behave weirdly in fabLocation: StylishBarFabLocation.center their position changes every time currentIndex change