benyaminbeyzaie / circular_bottom_navigation Goto Github PK

I am Using https://pub.dev/packages/solid_bottom_sheet#-readme-tab-
this package and when I tried to open the bottom sheet in onSelected callback of CircularBottomNavigation
it changes the value of the bottom sheet controller too

Please add support for adding gradient color option in the bottom navigation bar.

Used the same exact setup in the documentation..

Had this error

Added the controller... the index of the call back always returns 0.... ???

hello sir hope you are doing well...
i am getting all functionalities in this package that i want but one problem that i have faced is that i wanna to add notch around the icon which icon we press it will notched from top left and right
how can i achieve this
Thanks in advance

tabs.length change from 1 to 2, it is getting a error with follow code.

CircularBottomNavigation(
              tabs.map2TabItem(),
              controller: _navigationController,
              barHeight: bottomNavBarHeight,
              selectedCallback: (int index) {
                controller.jumpToPage(index);
              },
            )

• PS:
  I just solve problem by as follow:

Align(
          alignment: Alignment.bottomCenter,
          child: (tabs?.length??0) == 0 ? Container() : 
          StatefulBuilder(
            key: ValueKey(tabs.length),
            builder: (BuildContext context, setState) => CircularBottomNavigation(
              tabs.map2TabItem(),
              controller: _navigationController,
              barHeight: bottomNavBarHeight,
              selectedCallback: (int index) {
                controller.jumpToPage(index);
              },
            )
          ),
        )

• debug info

(_itemsSelectedState[pos] * ((widget.barHeight / 2) + widget.circleStrokeWidth)),

The following RangeError was thrown building CircularBottomNavigation(dirty, dependencies: [MediaQuery], state: _CircularBottomNavigationState#b3126(tickers: tracking 1 ticker)):
RangeError (index): Invalid value: Only valid value is 0: 1

The relevant error-causing widget was
    CircularBottomNavigation 
lib/…/tabview/tabview_scaffold.dart:55
When the exception was thrown, this was the stack
#0      List.[]  (dart:core-patch/growable_array.dart:149:60)
#1      _CircularBottomNavigationState.build.<anonymous closure> 
package:circular_bottom_navigation/circular_bottom_navigation.dart:196
#2      ListMapView.forEach  (dart:_internal/list.dart:244:8)
#3      _CircularBottomNavigationState.build 
package:circular_bottom_navigation/circular_bottom_navigation.dart:178
#4      StatefulElement.build 
package:flutter/…/widgets/framework.dart:4069
...

There are no options to add a key to the tab items. I attempted to duplicate those locally, but even adding a key to each Position in the stack, it still does not seem to work.

Hi , Please Add Draggable Feature Like TabBarView

Can i use this library in java ? (android studio)

Thanks for this plugin. I am newbie at Flutter also dart (coming from react native side) bu really love it.
So I can't help at least now :( but it would be nice to see these options :
barBackgroundColor
circleStrokeColor
barTopBorderColor
barTopBorderWidth
animationDuration

I want to invert the selection of the circular bottom navigation, by clicking on enabled it activates the other.

I did not do much and I was trying to use this library as I got this error:

════════ Exception caught by foundation library ════════════════════════════════
The following NoSuchMethodError was thrown while dispatching notifications for CircularBottomNavigationController:
The getter 'value' was called on null.
Receiver: null
Tried calling: value

here is my page:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:visitor_app/screens/add_user_page/screen/add_user_page.dart';
import 'package:visitor_app/screens/home_page/screen/home_page.dart';
import 'package:visitor_app/screens/map_page/screen/map_page.dart';
import 'package:visitor_app/screens/my_users_page/screen/my_users_page.dart';
import 'package:visitor_app/screens/profile_page/screen/profile_page.dart';
import 'package:visitor_app/utils/screen_utils/connection_alert_widget.dart';
import 'package:visitor_app/utils/screen_utils/connection_service.dart';
import 'package:circular_bottom_navigation/circular_bottom_navigation.dart';
import 'package:circular_bottom_navigation/tab_item.dart';

class MainPage extends StatefulWidget {
final int tab;
MainPage({this.tab});
@OverRide
_MainPageState createState() => _MainPageState();
}

class _MainPageState extends State {
AddUserPage addUserPage;
MapPage mapPage;
MyUsersPage myUsersPage;
ProfilePage profilePage;
HomePage homePage;
List pages;
Widget currentPage;

@OverRide
void initState() {
final connectionStatus = ConnectionStatusSingleton.getInstance();
addUserPage = new AddUserPage();
mapPage = new MapPage();
myUsersPage = new MyUsersPage();
profilePage = new ProfilePage();
homePage = new HomePage();
pages = [mapPage, addUserPage, homePage, myUsersPage, profilePage];
currentPage = widget.tab == null ? homePage : pages[widget.tab];
connectionStatus.initialize();
super.initState();
}

@OverRide
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () {},
child: Scaffold(
body: Stack(
children: [currentPage, ConnectionAlertWidget()],
),
bottomNavigationBar: CircularBottomNavigation(
List.of([
TabItem(Icons.home, "Home", Colors.black,
labelStyle: TextStyle(fontFamily: "Ir")),
TabItem(Icons.search, "Search", Colors.black,
labelStyle: TextStyle(fontFamily: "Ir")),
TabItem(Icons.shopping_cart, "Basket", Colors.black,
labelStyle: TextStyle(fontFamily: "Ir")),
TabItem(Icons.search, "Search", Colors.black,
labelStyle: TextStyle(fontFamily: "Ir")),
TabItem(Icons.search, "Search", Colors.black,
labelStyle: TextStyle(fontFamily: "Ir")),
]),
selectedCallback: (position) {
print(position);
// setState(() {
// currentPage = pages[position];
// });
},
)));
}

}

When I use the TextField, it seems bottomNavigation break and does not move.
any solution?

circular_bottom_navigation null-safety

how to change the circle ring color only , around the tab icon

Thank you for the package. Would you consider adding a notification badge at any of the tab/icon please?

Hi
Excellent bottom bar menu; :)

I was wondering if you can add a scrollable for TabItem on the bottom.

I am referring to iOS tab-based application; where when you add more TabItem; it will have more option to go to other TabItem, instead of TabItem squeezed within the bottom

I think that we are limited in using custom icons for TabItem

Info: My app has more than 5 pages. If I navigate deeper, it all works, I can even select which icon from menu corresponds to the subpage, all good.
Problem: I can't go back to the initial page simply by tapping the icon from this menu. When I want to do it from menu, I have to select some other icon first and only after that the one I want.
Suggestion: Would it be possible to add bool parametr to allow this callback?
Other suggestion: Would it be possible to have no icon selected?

Or am I overlooking something?
Thanks

I was trying to using bottom navigation bar, I got stuck animation and not changing state issue.

when I remove setState, working propery but, when I selectedPos change in the setState()
It's stucks.

Any idea ?

import 'package:flutter/material.dart';
import 'package:circular_bottom_navigation/circular_bottom_navigation.dart';
import 'package:circular_bottom_navigation/tab_item.dart';
import 'package:mitsurakuapp/view/FavoriteScreen.dart';

class HistoryScreen extends StatefulWidget {
  @override
  HistoryState createState() => HistoryState();
}

class HistoryState extends State<HistoryScreen> with TickerProviderStateMixin {
  @override
  void initState() {
    super.initState();
  }
  @override
  void dispose(){
    super.dispose();
    _navigationController.dispose();
  }
  CircularBottomNavigationController _navigationController;
  int selectedPos =0;
  List<TabItem> tabItems = List.of([
    new TabItem(Icons.history, "history", Colors.blue),
    new TabItem(Icons.favorite, "favorite", Colors.orange,),
  ]);
  @override
  Widget build(BuildContext context) {
    _navigationController = new CircularBottomNavigationController(selectedPos);
    return new Scaffold(
      body: selectedPos == 0 ? Container(child:Text('test')): FavoriteScreen(),
      bottomNavigationBar: CircularBottomNavigation(tabItems, controller: _navigationController, selectedCallback: (int pos){
       print(pos);
       setState(() {
         this.selectedPos = pos;
       });
      },),
    );
  }
}`

→ and should not be imported into a null safe library. Try migrating the imported library.

Here is the report from dart pub outdated --mode=null-safety

Showing dependencies that are currently not opted in to null-safety.
[✗] indicates versions without null safety support.
[✓] indicates versions opting in to null safety.

Package Name Current Upgradable Resolvable Latest

direct dependencies:
circular_bottom_navigation ✗1.0.1 ✗1.0.1 ✗1.0.1 ✗1.0.1

My config:
Flutter 2.2.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 02c026b03c (3 weeks ago) • 2021-05-27 12:24:44 -0700
Engine • revision 0fdb562ac8
Tools • Dart 2.13.1

Heya! The shadow applied to the background bar is not configurable.
It's very obvious in this screenshot:

I'd love an option to turn it off. It would enable material design foundations even,

it different to controller boy without TabController

Usually, my body is

TabBarView(
                      controller: tabController,
                      children: <Widget>[...]
)

and example is just without TabBarView

this package doesn't support right to left direction please solve this problem using something like postioned.dirctional with start & end instead of position with left & right

How can we change the size of menu text.

Thanks for the great package , I got a small problem when using FontAwesome icons are not centered within the circle, i tried changing the iconSize , but still not centered