Questions tagged [cupertinotabbar]
24 questions
8
votes
3 answers
Can I dock a floating action button in a CupertinoTabBar?
I would like to know if there is a way to dock a floating action button in a CupertinoTabBar. I would like to get the results as in the picture below
My screen is organized as follow…

M4trix Dev
- 1,828
- 3
- 23
- 48
8
votes
1 answer
Flutter: CupertinoTabBar does not disappear when moving to the next screen
I'm running the Flutter Gallery example from Google:
https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/cupertino/cupertino_navigation_demo.dart
In the gif below, notice how when I navigate from one screen to the next,…

Simon
- 19,658
- 27
- 149
- 217
7
votes
1 answer
How to hide cupertinoTabBar when keyboard is displayed? or how to make keyboard cover the bar? or keep the tabbar in bottom always?
I'm using CupertinoTabBar in my flutter app.
Problem is the bottomBar shows when keyboard appears, and it shouldn't. Its a bottom bar, it should be in bottom always.
I've not found some way or trick for do this.
Maybe someone can guide me to get…

Paula Andrea
- 230
- 2
- 10
4
votes
0 answers
How to reset the navigator when switching between cupertino tabs
I'm trying to setup a multipage app in Flutter, where the bottom tabbar contains the four most used pages, including a "More" button. The more button shows a page with links to other pages. When clicking on a page, I want this page to replace the…

Thomas Roovers
- 116
- 2
- 9
3
votes
1 answer
Force Reload page in CupertinoTabView in Flutter
When user taps on an item in CupertinoTabView, I want to reload the page everytime. Right now, it loads only for the first time. Next time onwards it just displays the previous state. I want to force reload it.
For example, when user taps on…

Rakesh
- 1,205
- 1
- 14
- 33
3
votes
2 answers
Navigate out from CupertinoTabScaffold
I have an App with a LoginScreen that goes to the HomeScreen after a success login. I use this code below to replace the widget and start a new navigation Stack:
Navigator.pushReplacement(
context,
CupertinoPageRoute(
builder:…

Jofre
- 531
- 7
- 10
3
votes
0 answers
Flutter RouteAware and RouteObserver with CupertinoPageRoute
Creating an app where navigation is done with CupertinoPageRoute instead of MaterialPageRoute. I have used RouteAware and RouteObserver which works perfectly fine with MaterialPageRoute. However I am using a CupertinoTabView which should be visible…

Ben
- 650
- 2
- 12
- 23
2
votes
0 answers
Flutter: Text toolbar (selection, cut, copy, paste) for TextField inside CupertinoTabView is not clickable
The TextField inside a CupertinoTabView is not allowing to select, copy, paste, cut the text using the toolbar. The toolbar is not clickable.
But when the CupertinoTabView ancestor is removed, it is working without any issues.
I need the…

krishnakumarcn
- 3,959
- 6
- 39
- 69
2
votes
0 answers
Flutter: how to show a badge in a CupertinoTabBar and update the value based on user input
I have a CupertinoApp with a CupertinoTabScaffold, a CupertinoTabBar and a series of BottomNavigationBarItem(s). I managed to add a badge in one of the BottomNavigationBarItem (the basket tab). See the picture below as well as my code
class…

M4trix Dev
- 1,828
- 3
- 23
- 48
2
votes
1 answer
Flutter SnackBar displays under CupertinoTabBar(hidding snackBar)
I have used BottomNavigatoinBar on root page. On one of the pages (Explore page) which is a stateful widget, It has a CupertionoSegmentedTab with three Tab and each displays listview.
I have to display SnackBar based on the listview item click. I…

Jiten Basnet
- 1,623
- 15
- 31
2
votes
1 answer
How to shift tabs with a CupertinoTabBar ? Unlike the material tab bar we do not have tab controller to switch tabs
I'm on the home tab and I need to shift to my second tab with the CupertinoTabBar. I do not have tabcontroller to shift with a global key like the material tab bar. Can you please suggest options ?
I have tried using a global key and changing the…

Raman Rajagopal
- 21
- 4
2
votes
1 answer
Flutter disable tab bar items
I want to be able to programmatically disable/enable tab bar items in Flutter and was wondering how to go about doing that?
In IOS for example, it would be along the lines of tabBarItem1.isEnabled = false.
I want to disable user interaction with…

mousaa
- 21
- 2
- 4
1
vote
0 answers
"dispose" function not working when the current tab is changed
Whenever I switch between tabs while using CupertinoTabScaffold, my dispose function is not being called.
class CustumPageViewBuilder extends StatefulWidget {
const CustumPageViewBuilder({
super.key,
required this.words,
});
final…

Mr Yuksel
- 21
- 1
- 4
1
vote
1 answer
CupertinoTabView resets on Hot Reload
I am developing an app, using the CupertinoApp model. I am using the CupertinoTabView model for the app. Now during development, the tab index resets on hot reload. I tried setting the state on the tab controller but it still resets.
code:
class…

Mudassir
- 725
- 6
- 28
1
vote
2 answers
Flutter showModalBottomSheet is hidden behind CupertinoTabBar
I use CupertinoTabBar, but want to show material design BottomSheet when user's device is Android.
However, when I used both of them, BottomSheet is hidden behind CupertinoTabBar like below.
Could you help me to fix this? Or is it bad to use both of…

naHash
- 51
- 1
- 4