Skip to main content

Basic Widgets

FlutterFlow offers a range of basic widgets that are the building blocks of a Page or Component. In this guide, we'll cover five fundamental widgets: Container, Text, Icon, Button, and Image. Understanding these widgets is crucial for building any FlutterFlow app.

basic-widgets.png

Some basic widgets include:

  • Container: The Container widget is one of the most commonly used widgets in FlutterFlow. It allows you to create a rectangular or circular box that is allowed to have one single child - any other basic or advanced widget, and you can style it with various properties such as padding, margins, borders, and colors, etc.

  • Text: The Text widget is used to display a string of text with single style. It’s a basic yet powerful widget that allows you to customize text appearance, alignment, and behavior.

  • Icon: The Icon widget is used to display an icon from the Material Icons, Font Awesome or your own custom icons set. Icons are essential for building user-friendly interfaces, providing visual cues to users.

  • Button: In FlutterFlow, Button widgets are specialized interactive elements that come with built-in visual feedback and default hover properties.

  • Image: The Image widget is used to display images in your app. FlutterFlow supports various sources for images, including assets, network URLs, and uploaded files.

Was this article helpful?

Edit this page
Last updated on by Leigha Jarett