239 questions
2
votes
0
answers
56
views
How to detect if a widget starts under the AppBar or below it in Flutter?
I have a Scaffold with extendBodyBehindAppBar: true because I want a blurred AppBar.
The problem is that sometimes my body widget (inner) starts behind the AppBar instead of below it.
Here is a ...
1
vote
1
answer
478
views
Status bar color issue with image_cropper package
I'm using the image_cropper package (version 9.1.0) in my Flutter app (Flutter version 3.27.2) to allow users to crop images. It works fine on most Android versions, but on Android 15 (API level 34), ...
- 173
0
votes
1
answer
65
views
AppBar height doubles when having multiple AppBars
I have a custom AppBar that has a preferredSize of 56px. I use this AppBar in my PageWrapper widget that looks like this:
return Scaffold(
extendBodyBehindAppBar: true,
backgroundColor: ...
- 4,942
0
votes
1
answer
96
views
Flutter: Add material 3 search bar with drawer navigation
I am relatively new to Flutter and I am trying to add the new Material 3 Search Bar to my app along with a Drawer navigation but it's not working as expected.
This is how it's appearing:
The ...
- 2,241
0
votes
2
answers
55
views
Appbar color doesn't change in flutter
I'm new to flutter, I'm currently learning, I'm trying to change the color of appbar but impossible. I followed a lot of leads but nothing works (it is transparent).
I would like to have a left ...
- 11
-1
votes
2
answers
66
views
Create an app with static app bar and a back button on the top left
I am new to flutter and I am trying to create a simple app with a "static" that doesn't change between pages. I want also that the app bar will have a back button the page is changed, how ...
- 21
0
votes
1
answer
117
views
How Can I Create an AppBar That Looks Like This:
How could i achieve such AppBar,The AppBar itself does not have to be an actual AppBar widget.
if it can be done with a normal Container,Painter or ClipPath I'd still appreciate it.
Does not have to a ...
0
votes
2
answers
95
views
Flutter add TextField under Appbar
I'm trying to add a TextField to the bottom of my app bar using Flutter. However, the TextField is not showing up as expected. I'm using the PreferredSize widget to set the height, but it still doesn'...
2
votes
1
answer
739
views
Why is my Flutter ThemeData not getting applied to my app?
I am just starting to learn Flutter and am following a Youtube tutorial. As far as I can tell I've copied the code exactly, however, my ThemeData is not getting applied to my app. I've also noticed ...
- 23
0
votes
1
answer
45
views
My button is not moving with my Icon | Flutter | Dart
I'm encountering an issue in my Flutter app where I'm trying to add padding to an IconButton in the AppBar. However, when I add padding to the IconButton, the icon moves to the right, but the button ...
1
vote
1
answer
141
views
How to center a column in the appbar
how do I Center a column in the Appbar? I've searched online and even after adding a row with mainAxisAlignment and mainAxisSize, the Column is still not centered. TIA for all inputs. Additionally, ...
- 153
-1
votes
2
answers
215
views
setState not working as intended in a ConsumerStatefulWidget (Riverpod)
I have a custom appbar class where I pass the title as its constructor.
class MyAppBar extends StatelessWidget implements PreferredSizeWidget {
final String? title;
@override
Size get ...
- 9
0
votes
1
answer
403
views
Extra vertical padding around Navigation Bar and Bottom Navigation Bar in Flutter
I'm encountering extra padding around both the navigation bar at the top and the bottom navigation bar in my Flutter application. This padding creates unnecessary space and disrupts the intended ...
0
votes
2
answers
2k
views
AppBar and background colors not showing in Flutter project
I am following a YT video (https://www.youtube.com/watch?v=C-fKAzdTrLU&t=1407s), which is a 1 hour Flutter tutorial. I am using VSCode and Android Studio on a Mac, creating a main page with a ...
- 11
0
votes
1
answer
119
views
How to design the below appbar shape in CustomPainter in Flutter?
I am struggling with designing the below appbar design of the app in flutter i have checked various online resources,documentation,official flutter website but too much confused how to design the ...
1
vote
0
answers
88
views
Hide expandable SliverAppBar on scroll down, but do not expand until reached to top
I want to hide the SliverAppBar on scroll down, but I don't want it to expand unless user is at the top, I also want non-expanded SliverAppBar to show when user is going up, but it shouldn't expand ...
- 1,180
1
vote
1
answer
64
views
Flutter AppBar title glitches in animation reverse
So, I'm building an app using Flutter, in the home page, I want to have a bigger AppBar, while in others, AppBar goes back to regular size, I managed to achieve this thanks to Dhafin Rayhan's answer ...
- 542
1
vote
1
answer
93
views
Flutter AppBar Animation bugging in reverse
So, I'm building an app using Flutter, in the home page, I want to have a bigger AppBar, while in others, AppBar goes back to regular size, I managed to achieve the former in a good and smooth ...
- 542
3
votes
1
answer
298
views
Is there a correct way to switch between two widgets (app bars in my case) by swiping up and down?
I'm currently working on a page in my Flutter app and facing challenges implementing a specific logic. When the app launches, I want the page to initially display the 'appbardown' widget (the larger ...
- 77
0
votes
2
answers
202
views
flutter: one String Text with multiple colors inside the AppBar
I would like to write the company name with the original colors inside the AppBar of the application.
For example the word "WhiteRed" with the "White" text in white color and "...
- 43
0
votes
1
answer
52
views
AppBar not visible when rendering an architect widget having a live camera feed
In a flutter app I have created an Android view that displays a camera screen and i have an app bar but the app bar is hidden behind the camera view and i am not able to bring it to front.
The camera ...
1
vote
1
answer
269
views
Flutter and go_router - Navigator into only a portion of the screen with sidebar menu and app_bar
Flutter and go_router - Navigator into only a portion of the screen
A homepage with a left sidebar, top appbar and central body for pages
Hi, I'm a beginner and I need some help.
I would like to get a ...
- 11
1
vote
1
answer
73
views
why the appbar do not take the default colour in flutter
import 'package:businesscard/cubits/get_weather_cubits/get_weather_cubit.dart';
import 'package:businesscard/cubits/get_weather_cubits/get_weather_states.dart';
import 'package:businesscard/screens/...
0
votes
1
answer
58
views
How to change the icons in the actions property of an appbar according to the tabbar?
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Browse"),
backgroundColor: Colors.grey[900],
actions: []...
- 3
0
votes
1
answer
725
views
How to transition the color and title of an flutter appbar on scroll?
I want to create an appbar in Flutter that is transparent at first (with some icon buttons in it) and if you scroll, it slowly starts to transition to a color and a title fades in. After an specific ...
0
votes
1
answer
71
views
Debug in flutter AppBar
My code is :
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(...
0
votes
2
answers
179
views
AppBar leading doesn't show the widgets properly in Flutter
I have a page in which I have an AppBar which in turn has an IconButton as its leading property. The code is as follows:
@override
Widget build(BuildContext context) {
return Scaffold(
...
- 1,120
0
votes
1
answer
126
views
How To Remove Black Line Below AppBar Header When We Scroll Page in Flutter APP (iOS & Android)?
How To Remove Black Line Below AppBar Header When We Scroll Page in Flutter APP?
- 3,337
0
votes
1
answer
76
views
The toolbar of TextFormField is under the AppBar
I have a StatefulWidget named Root and this is the start address of my application. The Root widget contains the single and common AppBar of the application, but its body varies.
My question is: I ...
- 88
5
votes
3
answers
1k
views
Positioning custom AppBar without SafeArea
I am trying to create a custom AppBar, with a polygon instead of the bar, I already have something:
As you can see, on some screens the bar is to high, because the SafeArea differs. I did not use:
...
- 2,940
0
votes
1
answer
274
views
How do I Change The 'Leading' Color undependently from the AppBar color
Anybody has any idea How this leading background color container works. whenever I change The color of the container in the leading to (the one that I marked in red).It gives me a totally different ...
- 1
1
vote
2
answers
180
views
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 ...
1
vote
2
answers
906
views
How to making expandable an appbar in flutter?
I am trying to create an AppBar in Flutter that expands downwards when I click on the arrow icon (similar to the effect shown in this image).
The current AppBar implementation I have is shown below:
...
- 125
0
votes
1
answer
217
views
Flutter || Update appBar in different widget/view
i'm quite new to flutter and i have a big question.
I have a HomePageView with a BottomNavigationBar and a PageView with a controller to switch 4 different views.
Now, at start i was cheating because ...
- 129
0
votes
1
answer
73
views
decorationbox in appbar with special background
I am a beginner Flutter developer
I am going to implement a program similar to the picture below
This part of the appbar is an application that I planned to implement using the decoration box, but I ...
- 105
0
votes
1
answer
50
views
How can i create appBar which visible when i scroll to a specific widget in flutter?
See, the header is transparent with just a back leading icon
See how the header changed
I want to achieve the same effect.
If i could add a transition between the two app bars that would be even ...
- 35
3
votes
1
answer
2k
views
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 ...
- 214
2
votes
3
answers
16k
views
How to add padding to the leading and action icons on the AppBar?
I want to add padding to the icons on the AppBar.
I tried wrapping icons with Padding() but that only squeezes them to the allocated space--not the one I give it.
Widget build(BuildContext context) {
...
- 156
0
votes
1
answer
56
views
Setting an Appbar in Flutter Application
In flutter app whenever i use navigation a totally new screen appears, is it common that on navigating a totally new screen appears and appbar and drawer of of previous screen disappear or I am doing ...
- 165
0
votes
2
answers
367
views
Is there a way to recreate Formulia app's collapsible app bar in flutter (similar to `SliverAppBar`)?
So I have an app on my mobile phone called 'Formulia' and I thought the design of their main page expandable app bar looks awesome.
Formulia app collapsible app bar
Do you have any idea how I could ...
user21766581
1
vote
1
answer
136
views
2
votes
1
answer
2k
views
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 ...
- 4,673
1
vote
3
answers
685
views
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 ...
0
votes
1
answer
72
views
Impossible to properly center my app bar in flutter
In my app, I am trying to add a navbar and this working fine but I cannot force the navbar in the top | center of the screen. I have tried to customize it with blur effect in background and the goal ...
- 3,255
0
votes
2
answers
75
views
GestureDetector not working when taping on container
I have created a custom NavBar in flutter but the GestureDetector is not working so I am stuck on one single page.
Below is the code.
class SearchPage extends StatefulWidget {
const SearchPage({...
- 3,255
1
vote
0
answers
181
views
I want to create a calendar in flutter which on zoom in changes the view from month to week, on further zoom to day and also like wise zoom out
Zoom in zoom out in calendar view with flutter
I try zoomable widget also interactive widget with gesturedetector widget.
Basically i want to create it in such way that on zoom in it changes the view ...
0
votes
2
answers
220
views
-2
votes
2
answers
443
views
How to programmatically check if appbar is present in flutter app, or not?
Is there any way to store in a boolean variable true for if appbar is present and false if not? I can't find at all anywhere.
- 27
-1
votes
2
answers
875
views
Flutter AppBar, how to customize
I'm new using Flutter and and I'm having trouble understanding how the AppBar works.
I would like to get a result similar to this
my main problem is how to add a box, similar to the orange one in the ...
- 31
-1
votes
3
answers
358
views
Flutter: Native Appbar or custom Appbar? Which is better? [closed]
I'm customizing my AppBar in flutter and I'm trying to obtain a result like this:
I liked the idea of using the appbar widget for the many features it has by default (adaptive width etc...), but I ...
- 165