How to add a Header Row to a ListView in Flutter

Question

Hi Guys,

I am new to Flutter. I want to add a Header Row to a ListView in Flutter. How can I do that?

Answer 1

Hi@akhtar,

You can use ListView.builder method in your code. This will give you a list according to your items as shown below.

ListView.builder(
    itemCount: data == null ? 1 : data.length + 1,
    itemBuilder: (BuildContext context, int index) {
        if (index == 0) {
            // return the header
            return new Column(...);
        }
        index -= 1;

        // return row
        var row = data[index];
        return new InkWell(... with row ...);
    },
);