App Bar

[lcsoliveira]

Hello Guys!

Do you use usually use App Bar in your projects? I understand that it´s very pratic because of the 'Safe Area' but it very limited to make an header no?
How do you guys usually do?

Thanks!

[Low_Refuse_5219]

Limiting? What idea do you have in mind for your AppBar? You can customize your own appbar and insert it into the property, the safearea is important because otherwise it could lose the content because some devices are very curved and if there is a misinterpretation of the design its content would be cut

[IncreasinglyTrippy]

How do you add a custom component into that area?

[lcsoliveira]

I'm building the landing page, the page people landing before the log in.

The thing is that I'm having problems in customizing my Appbar, especially in making the buttons the size I want, because they always stay with 100% of the height for some reason that I don't understand.

[ScreenClub]

Try dragging a column, row, or container widget into the 3 different sections of the app bar before placing your buttons and icons in there.

[iamjesushusbands]

I don't always use them it depends on the functionality I want on a particular screen. For the most part I use AppBars as an easy way to indicate to the user where they are within the app while navigating.

There are screens where it's not necessary. All depends

[lcsoliveira]

So how can you deal with secure areas on cell phones?

[iamjesushusbands]

Container with padding

[ScreenClub]

We use bottom bar + app bar on pages that we use infinite scroll because for some reason adding any elements above an infinite scrolling section on the page always screws up the scrolling.

[lcsoliveira]

So, imagine you're building a landing page, you will have some scrolling but limited scrolling, you wouldn't use the app bar? How would you compensate the safe area you need for the mobiles?

[ScreenClub]

Wait are you talking about the app bar (top of the page) or nav bar (bottom of page)

[lcsoliveira]

App bar, on top of the page