I am trying to create a tabbar at the middle of my page but I am getting this error message:
Another exception was thrown: Cannot hit test a render box that has never been laid out.
Another exception was thrown: Horizontal viewport was given unbounded height.
Here is my code snippet:
/****************************************************************** */
/************************** Tab Area ****************************** */
/****************************************************************** */
TabBar(
tabs: [
Tab(
child: Align(
alignment: Alignment.centerLeft,
child: Text(
"Threads",
style: TextStyle(fontWeight: FontWeight.bold),
),
),
),
Tab(
child: Align(
alignment: Alignment.centerLeft,
child: Text(
"Replies",
style: TextStyle(fontWeight: FontWeight.bold),
),
),
),
Tab(
child: Align(
alignment: Alignment.centerLeft,
child: Text(
"Media",
style: TextStyle(fontWeight: FontWeight.bold),
),
),
),
],
),
//SizedBox(height: 20),
//ThreadRepliesTile(list: homeThreads, isLoadingThreads:isLoadingMore),
TabBarView(
children: [
ThreadRepliesTile(list: UserThreads, isLoadingThreads:isLoadingMore),
ThreadRepliesTile(list: UserThreadReplies, isLoadingThreads:isLoadingMore),
ThreadRepliesTile(list: UserMediaThreads, isLoadingThreads:isLoadingMore),
],
),