页面底部存在一个底部导航栏,点击切换页面。
页面使用滑动视图,可以左右滑动切换页面。
class _MyHomePageState extends State<MyHomePage> {
//当前页面
int _currentIndex;
//定义页面控制器,可以左右滑动切换页面
PageController pageController = new PageController(initialPage: 0);
//页面列表
List pages = [
Page(
content: 'Page1',
),
Page(
content: 'Page2',
),
Page(
content: 'Page3',
),
Page(
content: 'Page4',
),
Page(
content: 'Page5',
),
];
//底部导航栏按钮点击事件
//动画切换页面
void _onTapHandler(int index) {
pageController.animateToPage(index,
duration: Duration(milliseconds: 300), curve: Curves.ease);
}
//滑动切换页面
void _onPageChanged(int index) {
setState(() {
_currentIndex = index;
});
}
@override
void initState() {
// TODO: implement initState
super.initState();
//初始化当前页面为第一个寄存界面
_currentIndex = 0;
}
@overr