Flutter TabBarView and Tabs - flutter

Question

I have a strange issue with my TabBarView and Tabs and that is that appBar title of first screen appears on other screen when using TabBarView. I only want appBar title from screen1 to be on screen1 and appBar title in screen2 be on screen2. Screen1 and Screen2 are same.
How do I fix this error?
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
#override
Widget build(BuildContext context) {
return MaterialApp(
home: TabBarDemo(),
);
}
}
class TabBarDemo extends StatefulWidget {
#override
_TabBarDemoState createState() => _TabBarDemoState();
}
class _TabBarDemoState extends State<TabBarDemo>
with SingleTickerProviderStateMixin {
TabController tabController;
List<Tab> tabBars;
List<Widget> tabBarViews;
#override
void initState() {
// TODO: implement initState
super.initState();
tabController = new TabController(vsync: this, length: 3);
tabBars = [
Tab(icon: Icon(Icons.home, size: 34), text: 'Hem',),
Tab(icon: Icon(Icons.search, size: 34), text: 'Sök',),
Tab(icon: Icon(Icons.settings, size: 34), text: 'Inställningar'),
];
tabBarViews = [welcomeLayout(context),Screen1(),Screen2()];
}
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: ColorStyle.black,
elevation: 0,
automaticallyImplyLeading: false,
title: Text('Home Screen'),
centerTitle: true,
),
body: TabBarView(
children: tabBarViews,
controller: tabController,
),
bottomNavigationBar: TabBar(controller: tabController, tabs: tabBars,
labelColor: ColorStyle.white,
),
);
}
}
class FirstScreen extends StatelessWidget {
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: ColorStyle.black,
elevation: 0,
title: Text('First Screen'),
centerTitle: true,
),
backgroundColor: ColorStyle.black,
body: Container()
),
);
}
}

Answer 1

Actually its not the appbar of first screen being shown. It is the one that you have mentioned in your TabBarDemo. So to get rid of it remove it from their i.e.-
#override
Widget build(BuildContext context) {
return Scaffold(
//removed appBar
body: TabBarView(
children: tabBarViews,
controller: tabController,
),
bottomNavigationBar: TabBar(controller: tabController, tabs: tabBars,
labelColor: ColorStyle.white,
),
);
}
}
and if you want to show it in your welcomeLayout then make it a scaffold widget and show appbar over there.