Introduction to Widgets
Lesson 1 of 3
  1. 1
    Introduction to Widgets
    Let’s explore a fundamental concept in Flutter: Widgets. Widgets represent elements of our user interface: * Buttons * Lists * Toolbars * Text * and everything else! If we examine a Flut…
    Start
  2. 2
    An Application Starting Point
    Let’s get ready to create our first app. Flutter apps import the Flutter framework at the top of the main.dart file. This brings in the libraries necessary to display Flutter output: import ‘pack…
    Start
  3. 3
    Text Widgets
    A Text widget displays text within an application. Text widgets are created by calling their constructor Text(), and passing in some …
    Start
  4. 4
    Styling a Text Widget
    The text of our application doesn’t really stand out. So let’s change the code to make the text big and red! As mentioned earlier, the Text widget constructor allows multiple parameters including …
    Start
  5. 5
    Icon Widgets
    We’ve learned how to display text, but what about basic images? Displaying a simple image is the role of the Icon Widget. Icons are o…
    Start
  6. 6
    Review
    Congratulations! Let’s review what we learned about widgets: ## Widgets Widgets define our content, how it looks, and how it interacts with the user. They are the main way we create Flutter a…
    Start