Skip to content
cropped cropped flutter assets logo square.png
  • Various
  • Apps
  • UI
  • Menu
  • Elements
  • Basics
  • Packages
Search
cropped cropped flutter assets logo square.png
  • Cookie Policy
  • Privacy Policy
  • Tags

Quick Tip – AppBar with PopupMenuButton in Flutter

Basics

What is the Flutter AppBar In Flutter, the AppBar is a widget that is used to display important information, such as the app’s title and action items, at the top of the app’s screen. It is usually placed at the top of the app’s Scaffold, and typically includes a leading widget (such as a menu …

Quick Tip – AppBar with PopupMenuButton in Flutter Read More »

Quick Tip – Add action buttons to AppBar in Flutter

Basics

How to add action buttons to AppBar in Flutter You can read more about AppBar in this post: Flutter Basics – How to Customize AppBar in Flutter You can find more about buttons in Flutter in another post: Flutter Basics – Different types of Flutter Buttons Actions buttons usually are on the right-hand side of the AppBar. Most of …

Quick Tip – Add action buttons to AppBar in Flutter Read More »

Quick Tip – Custom AppBar height with toolbarHeight in Flutter

Basics

What is toolbarHeight in Flutter? In Flutter, the toolbarHeight is a property of the AppBar class that specifies the height of the app bar in logical pixels. The app bar is a customizable bar that appears at the top of the screen and can contain various actions and navigation options. Here is an example of …

Quick Tip – Custom AppBar height with toolbarHeight in Flutter Read More »

Quick Tip – Custom AppBar height with PreferedSize in Flutter

Basics

What is an AppBar in Flutter? An AppBar in Flutter is a top container that displays the app’s title, actions, and other important widgets. It’s typically located at the top of the app, and it’s used to display important information and provide easy access to key actions. The AppBar widget supports many other features, such …

Quick Tip – Custom AppBar height with PreferedSize in Flutter Read More »

Quick Tip – Add center logo image to AppBar in Flutter

Basics

How to add the center logo image in Flutter To center a Logo in the AppBar use centerTitle: true. As a title use Image with your Logo. The example below shows the centered Image. You can find more about images in Fluter in another article:  Flutter Basics – How to use an image in Flutter You can …

Quick Tip – Add center logo image to AppBar in Flutter Read More »

Quick Tip – How to add the back button in Flutter

Basics

What is the back button in Flutter In Flutter, the BackButton is a widget that displays a button that allows the user to navigate to the previous page in the app’s navigation history. It’s commonly used in conjunction with the AppBar widget, which is typically displayed at the top of the app’s screen. When the …

Quick Tip – How to add the back button in Flutter Read More »

Quick Tip – How to style AppBar Title in Flutter

Basics

How to change AppBar Title colour in Flutter How to change AppBar Title fontFamily in Flutter How to change AppBar Title fontSize in Flutter How to change AppBar Title fontWeight in Flutter To change all the above use text style. You can read more about AppBar in this post: Flutter Basics – How to Customize AppBar …

Quick Tip – How to style AppBar Title in Flutter Read More »

How to change the AppBar background colour in Flutter

Basics

What is an appbar in Flutter? In Flutter, the AppBar is a widget that is typically displayed at the top of an app. It is used to display important information such as the app title, as well as various actions that the user can take. The AppBar can also include other widgets, such as a …

How to change the AppBar background colour in Flutter Read More »

Quick Tip – How to make Text Scrollable in Flutter

Basics

How to make Text Scrollable in Flutter To make a piece of text scrollable in Flutter, you can wrap it in a SingleChildScrollView widget. This widget allows you to display a single widget, such as a block of text, in a scrollable view. You can also customize the scroll behavior by specifying the scroll direction, …

Quick Tip – How to make Text Scrollable in Flutter Read More »

Quick Tip – How to fix Row RenderFlex overflowed by … pixels in Flutter

Basics

If a RenderFlex object overflows, it means that its children are not able to fit within the constraints provided by its parent. This can happen if the parent widget has a small size, or if the children have a large size and are not able to shrink to fit within the available space. How to …

Quick Tip – How to fix Row RenderFlex overflowed by … pixels in Flutter Read More »

Posts pagination
← Previous Page 1 … 9 10 11 … 13 Next Page →

Categories

  • Apps (3)
  • Basics (73)
  • Menu (6)
  • Packages (16)
  • UI (4)
  • Various (49)

Recent Posts

  • How to use Flutter Checkbox widget – guide with examples
  • How to use Flutter Radio buttons – guide with examples
  • How to create colour swatches in Flutter using the Chip widget
  • How to customize the Flutter ActionChip widget with ease
  • How to customize the Flutter FilterChip widget with ease
  • Cookie Policy
  • Tags
  • Privacy Policy

Copyright © 2026 Flutter Assets