Introduction

The Contact Profile Page has a picture, display name, phone numbers, email address and location information in a vertically stacked manner.

Note: I’m using my picture and name for profile photo and name.

Not everything fits in one page and needs scrolling to show hidden information.

ListView widget helps to display its children one after another in a scrolling manner. ListView takes its children as a widget array.

Add ListView

Let’s add the ListView to body property:

//Assign ListView to body property
body: ListView(

 //ListView has multiple children widgets
 children: <Widget>[],
),

We want all widgets to be displayed vertically. ...