import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class DWPageView extends StatefulWidget {
DWPageView({
// 寬度 必傳
this.width,
// 高度 必傳
this.height,
// 總頁(yè)數(shù) 必傳
this.numberOfPages,
// 當(dāng)前頁(yè)數(shù)
this.currentPage = 0,
// 未選顏色 默認(rèn)灰色
this.pageColor = Colors.grey,
// 選中顏色 默認(rèn)白色
this.tintColor = Colors.white,
// 間隔 默認(rèn)5
this.space = 5,
// 指示器寬度 默認(rèn)5
this.pageWidth = 5,
// 指示器高度 默認(rèn)5
this.pageHeight = 5,
// 選中指示器寬度 默認(rèn)5
this.currentPageWidth = 5,
// 選中指示器高度 默認(rèn)5
this.currentPageHeight = 5,
// 指示器圓角度 默認(rèn)2
this.radius = 2,
// 排序的方向 默認(rèn)橫著排序
this.scrollDirection = Axis.horizontal,
Key key,
}) : super( key: key);
final int numberOfPages;
final int currentPage;
final Color pageColor;
final Color tintColor;
final double space;
final double width;
final double height;
final double pageWidth;
final double pageHeight;
final double currentPageWidth;
final double currentPageHeight;
final double radius;
final Axis scrollDirection;
@override
DWPageViewState createState() {
return DWPageViewState();
}
}
class DWPageViewState extends State {
ScrollController _scrollController = new ScrollController();
int _currentPage;
@override
void initState() {
// TODO: implement initState
super.initState();
setState(() {
_currentPage = widget.currentPage;
});
}
void selectedIndex(int index) {
setState(() {
_currentPage = index;
});
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return Container(
width: widget.width,
height: widget.height,
child: ListView.builder(
controller: _scrollController,
scrollDirection: widget.scrollDirection,
itemCount: widget.numberOfPages,
itemBuilder: ((context, index) {
if (index == _currentPage) {
return Center(
child: Container(
margin: new EdgeInsets.fromLTRB(0, 0, widget.scrollDirection == Axis.horizontal ? widget.space : 0, widget.scrollDirection != Axis.horizontal ? widget.space : 0),
width: widget.currentPageWidth,
height: widget.currentPageHeight,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(widget.radius)),
color: widget.tintColor,
),
),
);
}
return Center(
child: Container(
margin: new EdgeInsets.fromLTRB(0, 0, widget.scrollDirection == Axis.horizontal ? widget.space : 0, widget.scrollDirection != Axis.horizontal ? widget.space : 0),
width: widget.pageWidth,
height: widget.pageHeight,
decoration: BoxDecoration(
color: widget.pageColor,
borderRadius: BorderRadius.all(Radius.circular(widget.radius)),
),
),
);
}),
),
);
}
}
