Introduction

In this lesson, you’ll add the contact’s display name below their profile picture as shown in the screenshot below:

Add display name

The display name is right below the profile picture. Let’s start adding a Container widget with its height property as 60.

When the width: property is not defined, it takes the same value as its parent width element.

Container(
   height: 60,
),

We need a widget that can display the Text widget for the display name horizontally. The Row widget displays its children horizontally. Let’s add the Row widget as the ...