Flutter Tab AppBar with ListView Items

1,044 views
Skip to first unread message

Nana Kofi Annan

unread,
Mar 5, 2018, 4:18:00 PM3/5/18
to Flutter Dev
Hello,

I just started learning flutter and I am enjoying it. It is cool for me but I need help on how to create Tab AppBar with 3 tabs that has listview item for each tab.
I know how to create a list and tab but I am finding it difficult to combine the 2. I am creating an app which has list item and when an item is clicked it opens the detail description. Please can some help me with sample code.
thank you.

jsi...@sqoopdata.com

unread,
Mar 7, 2018, 8:23:18 PM3/7/18
to Flutter Dev
Please follow the below opinionated steps:

1. Create a MaterialApp
2. Create Scaffold object which would give you appbar and body properties.
3. Inside the appbar, create a new AppBar > and inside this AppBar create a new TabBar.
4. Under the body property, create a TabBarView and register 3 widgets holding your ListView.


Hope it helps! 

Happy Fluttering :)

Nana Kofi Annan

unread,
Mar 8, 2018, 11:12:39 AM3/8/18
to Flutter Dev
Thank you Singh, I will try it and give you feedback.

Nana Kofi Annan

unread,
Mar 8, 2018, 11:13:24 AM3/8/18
to Flutter Dev


On Thursday, March 8, 2018 at 1:23:18 AM UTC, Jatinder Singh wrote:

Nana Kofi Annan

unread,
Mar 8, 2018, 11:14:48 AM3/8/18
to Flutter Dev
Thank you Singh, I will try it and give you feedback.

Reply all
Reply to author
Forward
0 new messages