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
3
votes
2 answers

Change AppBar back icon size in Flutter

Here's the current AppBar code: AppBar( iconTheme: IconThemeData( color: Colors.black, size: 100 // This isn't performing any changes ), centerTitle: false, backgroundColor: Colors.white, title: Text( title, style:…
Farwa
  • 6,156
  • 8
  • 31
  • 46
3
votes
1 answer

A better way to make a custom curved app bar in flutter

I am trying to make a custom curved app bar, look like the example below and after many tries here is my shot source code : class CustomShapeBorder extends ContinuousRectangleBorder { @override Path getOuterPath(Rect rect, {TextDirection…
Nouh Belahcen
  • 774
  • 1
  • 11
  • 36
3
votes
1 answer

how to make curved app bar with custom clipper in flutter

hi i am new to flutter, I am trying to make this app bar this is my final goal I tried to follow some tutorials to make curved app bars but i couldn't get to the same result as i want after some googling i could've do this simple curve here is…
abdelhamied mostafa
  • 215
  • 1
  • 3
  • 14
2
votes
0 answers

How to scroll away SliverAppBar without a body

What I'm trying to achieve: Picture 1: View should be scrollable and the NoData container should fill up the remaining space. SliverFillRemaining just scrolls under the SliverAppBar which is not wanted - it should stop at the top which seems not…
2
votes
1 answer

CircleAvatar() size is not changing inside the appBar

So am trying to display circular user image in the home page of an application the image position is at the top left of the screen, after searching and trying i managed to use this approach: return Scaffold( appBar: PreferredSize( …
editix
  • 322
  • 2
  • 14
2
votes
0 answers

How to exclude AppBar from page transition animations?

I want the AppBar in a Scaffold to remain static (at least graphically) while page transitions are animated (like described in flutter docs). There's a similar question which shows what I mean, but for bottom navigation on native Android: Exclude…
2
votes
2 answers

How we can have different appbar for each BottomNavigation Screen in Flutter

I am working on an app where I need to have differnt appbar for every Screen based on BottomNavigation Buttons. But in my case I have only the main Appbar or in some screens I am having double appbars. I tried Appbar==false technique using…
2
votes
2 answers

how to make profile appbar like telegram in flutter?

Since i am new to flutter i want the complete implementation of this animation.
Shyam Krish
  • 79
  • 1
  • 7
2
votes
3 answers

how to set title and subtitle at the bottom of App Bar in flutter

I am designing a sign in page in that, I wanted to show my title and subtitle at the bottom of App bar but not finding the proper way i used this code: @override Widget build(BuildContext context) { return Scaffold( appBar:…
Mrunal
  • 578
  • 2
  • 21
  • 39
2
votes
3 answers

How to create a custom shape of an AppBar in flutter?

So, I want to create this small wedge-like shaped in the center of the bottom of my app bar. Here's the image, I have highlighted the part. Thanks Guys, any kind of help is appreciated.
A . L. I
  • 191
  • 1
  • 7
2
votes
2 answers

Globally edit color of TextButton widgets in an AppBar actions list?

In my root file I have: theme: ThemeData( appBarTheme: AppBarTheme( textTheme: TextTheme( button: TextStyle(color: Colors.white), ), ), ), and in my custom AppBar file: return AppBar( automaticallyImplyLeading: false, …
user1087973
  • 800
  • 3
  • 12
  • 29
2
votes
3 answers

Change the text direction in the AppBar from going LTR to RTL flutter

I have an application that I'm building and in it, I have an AppBar. My text is in Arabic and I want to make the text place change from LTR (left-to-right) to RTL (right-to-left) Here is a screenshot of the AppBar And this is the code for my…
Hussein Al-Mosawi
  • 1,464
  • 3
  • 17
  • 37
2
votes
1 answer

Flutter AppBar Icon is not responsive on all screens

i Have two icons on my appbar on clicking save save icon dissappers and approve icon will pop it works fine but by app bar icon on larger screen cut according to below image. here is mycode appBar: PreferredSize( preferredSize: …
Khal
  • 219
  • 5
  • 19
2
votes
2 answers

How to suppress scroll-into-view behavior in Flutter?

I have a CustomScrollView with a SliverAppBar that hides on scroll. On the app bar is a search button that, when pressed, puts a TextField into the app bar. When the field gets focus, it causes the scroll view to scroll all the way to the top, and…
Aaron
  • 915
  • 9
  • 21
2
votes
1 answer

Flutter Floating Action Button with Dynamic Status

Putting the finishing touches on my first Flutter mobile app. Another important ToDo: My Floating Action Button appears in the Top App Bar for every page, but i would like its status to change (enabled / disabled) depending on the current page. Is…
1 2
3
14 15