Bottom Navigation Bar between pages - flutter

Question

I'm trying to create a Bottom Navigation bar that will switch between my main Screen and my Settigns screen. I was attempting to do so, but adding a List to the top of my Stful widget doesn't seem to work, I was attempting to add a list so I could switch pages. But adding a List to the start of my body doesn't seem to help.
This is what I attempted:
class _HomeState extends State<Home> {
var temperature;
var humidity;
//Bottom navigation bar stuff
int _currentIndex = 0;
final tab = [
Home(),
Settings(),
],
#override
void initState () {
this.getWeather();
super.initState();
}
#override
Widget build(BuildContext context) {
final AuthService _auth = AuthService();
final user = Provider.of<User>(context);
return StreamBuilder<UserData>(
stream: DatabaseService(uid: user.uid).userData,
builder : ((context, snapshot){
if (!snapshot.hasData) {
return Loading();
}
UserData userData = snapshot.data;
List<bool> cardsValue = [userData.device1, userData.device2, userData.device3, false];
return Scaffold(
//Nav part
bottomNavigationBar: BottomNavigationBar(
backgroundColor: Colors.grey[900],
currentIndex: _currentIndex,
type: BottomNavigationBarType.fixed,
items: [
BottomNavigationBarItem(
icon: Icon(Icons.home, color: Colors.white,),
title: Text("Home",style: TextStyle(color: Colors.white),)
),
BottomNavigationBarItem(
icon: Icon(
Icons.settings,
color: Colors.white,
),
title: Text(
"Settings",
style: TextStyle(color: Colors.white),)
)
],
onTap: (int index){
setState(() {
this._currentIndex = index;
});
},
),
backgroundColor: Colors.grey[900],
appBar: AppBar(
elevation: 0,
backgroundColor: Colors.grey[900],
title: Row(
...
body: SingleChildScrollView(
child: ConstrainedBox(
constraints: BoxConstraints(),
child: Padding(
padding: EdgeInsets.fromLTRB(12, 20, 12, 0),
child: Column(
children: <Widget>
This is where I want to go when the settings Icon is pressed:
import 'package:flutter/material.dart';
class Settings extends StatefulWidget {
#override
_SettingsState createState() => _SettingsState();
}
class _SettingsState extends State<Settings> {
#override
Widget build(BuildContext context) {
return Scaffold(
);
}
}

Answer 1

You need to use a TabBarView along with a TabController.
See this cookbook to learn how to.
EDIT :
The Scaffold's body should be TabBarView(children: tab).
Switch the BottomNavigationBar for a TabBar.
Create a TabController as a state member : TabController _tabController;
Initialize it in the initState() like this :
_tabController = TabController(vsync: this, length: 2);
And finally, set the controller parameter for the TabBar and TabBarView to _tabController.
That should do it.