PageView滑动视图|PageController调整页面的显示
-
效果
-
源代码
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main()=>runApp(MaterialApp(
home: MyApp(),
));
//创建一个PageController,方便使用底部导航栏改变PageView的内容
PageController _pageController = new PageController();
int _curIndex = 0;//当前索引
//纯色页面,用Page类构造函数批量生成
var pages = <Widget>[
Page(Colors.orange),
Page(Colors.purple),
Page(Colors.green)
];
class Page extends StatelessWidget {
Color c;
Page(this.c);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(color: c,),
);
}
}
class MyApp extends StatefulWidget {
@override
_MyAppState creat