How do i open other .dart activity from bottom navigation bar item? - flutter

Question

I have implemented the following bottom navigation bar with the flutter
import 'package:flutter/material.dart';
class Test extends StatelessWidget {
#override
Widget build(BuildContext context) {
// TODO: implement build
return new Scaffold(
bottomNavigationBar: new BottomNavigationBar(
items: [
new BottomNavigationBarItem(
icon: new Icon(Icons.add),
title: new Text("trends")
),
new BottomNavigationBarItem(
icon: new Icon(Icons.location_on),
title: new Text("feed")
),
new BottomNavigationBarItem(
icon: new Icon(Icons.people),
title: new Text("community")
)
]
)
);}}
How do I make, onTap on each BottomNavigationBar item opens new .dart class?
I have tried with the TabBarView for the tab but have no clue what to do for the bottom navigation bar.

Answer 1

You can do it like this
import 'package:flutter/material.dart';
class Test extends StatefulWidget {
#override
TestState createState() {
return new TestState();
}
}
class TestState extends State<Test> {
int _currentIndex = 0;
#override
Widget build(BuildContext context) {
return new Scaffold(
bottomNavigationBar: new BottomNavigationBar(
currentIndex: _currentIndex,
onTap: (newIndex) => setState((){_currentIndex = newIndex;}),
items: [
new BottomNavigationBarItem(
icon: new Icon(Icons.add),
title: new Text("trends")
),
new BottomNavigationBarItem(
icon: new Icon(Icons.location_on),
title: new Text("feed")
),
new BottomNavigationBarItem(
icon: new Icon(Icons.people),
title: new Text("community")
),
],
),
body: new IndexedStack(
index: _currentIndex,
children: <Widget>[
new YourCustomTrendsWidget(),
new YourCustomFeedWidget(),
new YourCustomCommunityWidget(),
],
),
);
}
}