Building Layouts
Explore essential Flutter widgets to build responsive app layouts. Understand how to use Material components, layout widgets, display widgets, styling, and scrolling widgets to create interactive, well-structured user interfaces with Flutter.
We'll cover the following...
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