Questions tagged [flutter-appbar]

For questions relating to the AppBar class of flutter material or related designs. Use this tag in combination with the general [flutter] tag. If your question applies to Flutter more generally, use the [flutter] tag only.

An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or more common actions with IconButtons which are optionally followed by a PopupMenuButton for less common operations (sometimes called the "overflow menu").

App bars are typically used in the Scaffold.appBar property, which places the app bar as a fixed-height widget at the top of the screen. For a scrollable app bar, see SliverAppBar, which embeds an AppBar in a sliver for use in a CustomScrollView.

215 questions
2
votes
2 answers

Custom Rounded appbar in flutter

Screenshot of Customise Appbar : I want to make a Custom app bar like in the photo Can anybody help me in creating this i had searched a lot but not found anywhere
Test
  • 23
  • 5
2
votes
1 answer

Appbar hide/show like iOS Style

I want to show AppBar when the first child of ListVIew is scroll over like iOS style (particularly behavior in native Books app in iOS). A lot of Apps in iOS do have this feature so I think it is a common behavior in iOS. But I don't know how to…
Quang Khải Đàm
  • 555
  • 1
  • 6
  • 21
2
votes
2 answers

The 'body' part is not visible after using ' bottomNavigationBar' in Flutter

Whenever i use the bottomNavigationBar: it dose not show the body: part on screen but when i remove the bottomNavigationBar: then it shows the body: Here is the code Widget build(BuildContext context) { return Scaffold( appBar: AppBar( …
2
votes
0 answers

How to make generic navigation drawer and bottom navigation in flutter and accessible from any dart class

I want to know how can i make generic Navigation drawer and bottom navigation bar with app bar so just center content only change of screen. like in android fragment we make navigation drawer and bottom navigation in main activity and in all…
Ali Sidhu
  • 119
  • 9
2
votes
2 answers

How to make navigation drawer appear bottom to app bar/ tool bar

I have implemented navigation drawer. The drawer covers the App Bar but what i need is it should not cover the app bar and navigation drawer should start from the bottom of the app bar. I have achieved bringing list tiles to the bottom but i need…
kiran kumar
  • 1,402
  • 17
  • 34
2
votes
1 answer

Use Navigator.push (MaterialPageRoute) instead of AlertDialog

I would like to use Navigator.push (MaterialPageRoute) instead of AlertDialog as now I think its better for my user to have a full page to post content rather than a dialog box, how would I go about editing my code to do this? Thanks in advance …
user10172799
2
votes
1 answer

SliverAppBar only push up after some scrolling

I have a SliverAppBar (floating: true, pinned: false). I want to achieve that the user has to scroll 200 pixels (or some other amount) before the SliverAppBar starts to compress/slide-up.
user3612643
  • 5,096
  • 7
  • 34
  • 55
2
votes
2 answers

Does anyone know how to implement a search bar with tabs like that similar to instagram using flutter?

I want to know how to build a search bar where it filters the users search input into groups or tabs such as people, tags, places just like what instagram has but I don't know how to do this!
1
vote
2 answers

How to conditionally define colors of icons in bottom app bar

I want to use a BottomAppBar and due to technical reasons I cannot use the BottomNavigationBar. How do I define the color of my icons depending on which screen I'm on? I.e. when I am on Screen A, the Sceen A Icon in the BottomAppBar should be white,…
1
vote
1 answer

How to create an app bar like on iOS settings app in Flutter with a large title?

I am developing a Flutter application and I want to implement an app bar similar to the one used in the iOS settings (or alarm) app. The main feature I am looking for is that when the page's content is scrolled, the title should be hidden behind the…
Drompai
  • 111
  • 1
  • 7
1
vote
2 answers

How to make this drop design tab bar in flutter?

How can i make this kind of tab bar in flutter
1
vote
1 answer

Background color of SafeArea with Custom AppBar

I am having a custom App Bar in one of the widget with custom height. Here is how the implementation looks like class Home extends StatelessWidget { Widget build(BuildContext context) { return const SafeArea( child: Scaffold( …
itsji10dra
  • 4,603
  • 3
  • 39
  • 59
1
vote
3 answers

how do i instantly update a value in appbar in flutter

I have a widget called 'HomePage' in my application. I gave a pageview to its body and put 2 pages in it. In the Appbar, there is a title that shows the user's money. on one of the pages there is a button that reduces money. but when I press this…
1
vote
1 answer

Appbar getting trasnparent and shows content under it

I am trying to achieve appbar animation. I have achieved the animation required but app bar is getting transparent. I dont know why this is happening. Can someone help resolving the issue? Here is the code bool showAppbar = false; bool…
Mayank
  • 614
  • 1
  • 5
  • 11
1
vote
0 answers

I have facing problem in deep linking using firebase in flutter app. Black screen open when opened share app link. Below I have added image

When I have open link shows the this type of image. Firebase setup done Also try using dynamic link package Add required field in android manifest