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

SliverAppBar - SliverList is Scrolling all the way to the top

I am currently working with SliverAppBar and i am facing problem while Scrolling the sliverList. In the Picture above, my TabBar is going all the way up to the notification bar. When sliverAppBar collapse, I want my Tabbar to stick to the bottom of…
0
votes
2 answers

Flutter common appBar with configurable action button

I'm new to flutter and have a common appBar, detached from the main.dart, so I can use it on every screen. Here the dart file with the appBar. import 'package:flutter/material.dart'; import 'package:voota/utils/Hex2Color.dart'; import…
cwhisperer
  • 1,478
  • 1
  • 32
  • 63
0
votes
2 answers

How to Show rewarded Video in flutter when a user clicks a flat button

I am new to Flutter and I need help in showing rewarded ads in my flutter app. The app is used to load my website, my idea is to show rewarded videos when the user clicks a flat button and when the video is over or closed I need to get them to my…
0
votes
2 answers

How to Place a Text Below the Image file in the App-Bar?

I have an App-Bar , where i need to place an Text below the Image in the App-Bar. The text should align directly below the below. I have tried many ways but i cannot find a way to do it. [Image of the Output i am getting now][1] appBar: …
0
votes
1 answer

Adding tabs on clicking button

How can I add a new tab in TabBar by clicking on a button? I tried to call 'setState' in order to add a new tab. class _MyHomeState extends State { final List _tabs = [ Tab( child: Text("tab 1"), ), Tab( …
Doraemon
  • 23
  • 5
0
votes
1 answer

How does AppBar cover the notch area in Flutter

I want to know how AppBar in flutter covers the notch area. Looking at the source code the App bar uses NavigationToolbar at its core. But I did not understand how it covers the entire notch area incase there is a notch. The context behind asking…
Shashi Kiran
  • 999
  • 5
  • 13
  • 27
0
votes
1 answer

Flutter container under system status

in flutter by default when we use AppBar that show under System Status for example: appBar: AppBar( title: Text( Strings.appName, style: appBarTextStyle, ), automaticallyImplyLeading: true, leading: Builder( builder: (context) =>…
DolDurma
  • 15,753
  • 51
  • 198
  • 377
0
votes
5 answers

How solve problem Appbar icon clicked to navigate

I try to develop flutter application. In this application I used Appbar with user icon to navigate another page. Now I am clicked that icon(person icon) it shows error. . It has not proper documentation though internet. I couldn't found answer.…
0
votes
1 answer

Flutter not displaying images according to official docs

I'm following a popular flutter tutorial and I seem to be the only person having this problem, which has also baffled the instructor. The problem: Images do not display according to official documents. The workaround solution: Add a trailing './'…
-1
votes
2 answers

How to design appbar with constant rounded bottom curve in flutter

Trying to curve appbar with roubded curve but unable to implement. For more reference please check the attached image.
-1
votes
4 answers

How to make an appbar universal in your flutter app

I created an AppBar in my flutter app but I want to make it universal (i.e I want the same AppBar in most screens of my app). I created a new dart file with a StatefulWidget I called AppBarscreen, I then returned an AppBar widget. When I tried to…
Iniisking
  • 45
  • 6
-1
votes
2 answers

How to make custom SliverAppBar in Flutter?

Sliver App Bar Hello I guys, I am working on Sliver Appbar but I want this type of custom SliverAppbar,How can I achieve this?
-1
votes
1 answer

Add image banner above app bar title in Flutter

I need to add an image at the top of the app bar in Flutter. Below the image will be the title and action icons. How do I achieve this?
cyng
  • 3
  • 4
-1
votes
2 answers

is there a way i can change the color of the arrow in the appBar after using pushNamed?

The reason is cause the background color of my new page is 'white' and so is the arrow so it is not visible.
Kally
  • 1
  • 2
-1
votes
1 answer

Transparent overlapping appbar

I'm trying to find a way to have a transparent appbar that overlaps the page content. I know I can use a SliverAppBar to show the appbar initially, and then have it slide out of view when scrolling, which is good. I can even give it a transparent…
Nairou
  • 3,585
  • 5
  • 29
  • 47
1 2 3
14
15