Building Layouts

Types of widgets

Everything in Flutter is a widget. We can build a user interface (UI) by combining several widgets. Flutter provides various categories of widgets we can use to create complex views. We can find the complete list in the official Flutter documentation. In this lesson, we’ll delve into the following categories:

• Material components
• Layout widgets
• Display widgets
• Scrolling widgets
• Styling widgets

Material components

Flutter is a cross-platform toolkit that supports both iOS and Android visual design. Android uses the Material Design system, while IOS uses the Cupertino system. Material components use the Material Design guidelines. These components include:

• MaterialApp: It lets us build an application that adopts the Material Design system.
• Scaffold: It makes our application screens take the Material Design Structure layout structure.

Take a look at the code below and run it: