我正在制作一个包含两个部分的应用。一种是PageView部分,您可以通过滑动动作来更改页面。另一个页面显示更改页面后当前所处的页面。但是有时间延迟。当我将第一页更改为第二页时,下半部分的更改大约延迟了0.5秒。
为了找到任何原因,我将index声明为double(现在重新声明为int)。当我在第一部分的页面视图中更改页面时,下部显示了十进制更改(例如,不是1-> 2,而是1.0-> 1.xxx-> 2)。我还尝试了Switch-case语句。在此语句中,默认为返回Text('nothing')。而且我发现在进行更改时,下部没有任何显示。
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
static final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
final controller = PageController(initialPage: 0);
var scrollDirection = Axis.horizontal;
var actionIcon = Icons.swap_vert;
int index;
@override
void initState() {
super.initState();
index = 0;
controller.addListener(() {
setState(() {
index = controller.page.toInt();
});
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
key: _scaffoldKey,
appBar: AppBar(
centerTitle: true,
title: Text('it\'s a drill for page view'),
),
body: _buildBody(),
);
}
Widget _buildBody() {
return SafeArea(
child: Column(
children: <Widget>[
Expanded(
child: PageView.builder(
controller: controller,
itemCount: 5,
itemBuilder: (context, index) {
return Text('it is $index');
},
)
),
Expanded(
child: FittedBox(
fit: BoxFit.fitWidth,
child: Container(
color: Colors.blue,
child: _showContent()
),
),
)
],
),
);
}
Widget _showContent() {
switch (index) {
case 0: return Text('One');
break;
case 1: return Text('Two');
break;
case 2: return Text('Three');
break;
case 3: return Text('Four');
break;
case 4: return Text('Five');
break;
default: return Text('Nothing');
}
}
}
我希望两部分都没有任何延迟。有什么解决办法吗?请帮我。我是一个真正的初学者。所以也许我请您原谅。但是我从来没有让这个问题无人值守。非常感谢。
可能在PageController侦听器中舍入当前页面的值更适合您。
这里是修改后的侦听器代码:
controller.addListener(() {
setState(() {
index = controller.page.round();
});
});
Timer(
Duration(seconds: 3),
(){ //return YOU CAN PUT YOUR STUFF HERE.});