标签:状态 index tabController dart PageViewWidget 保持 override extends 页面
状态保持需要做到以下两点:
1:with AutomaticKeepAliveMixIn
2:@override
bool get wantKeepAlive=>true;
完整示例:
main.dart:
import 'package:flutter/material.dart';
import 'pageview.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin{
TabController _tabController;
@override
void initState() {
// TODO: implement initState
_tabController=TabController(length: 3, vsync: this);
super.initState();
}
@override
void dispose() {
// TODO: implement dispose
_tabController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('AutomaticKeepAlive'),
bottom: TabBar(
controller: _tabController,
tabs: <Widget>[
Tab(icon: Icon(Icons.send),text: 'send',),
Tab(icon: Icon(Icons.event),text: 'event',),
Tab(icon: Icon(Icons.map),text: 'map',),
],
),
),
body: TabBarView(
controller: _tabController,
children: <Widget>[
PageViewWidget(index:6),
PageViewWidget(index:5),
PageViewWidget(index:3),
],
),
);
}
}
pageview.dart:
import 'package:flutter/material.dart';
import 'dart:ui';
class PageViewWidget extends StatefulWidget {
int index=0;
PageViewWidget({Key key,@required this.index}):super(key:key);
@override
_PageViewWidgetState createState() => _PageViewWidgetState();
}
class _PageViewWidgetState extends State<PageViewWidget> with AutomaticKeepAliveClientMixin{
int count=0;
@override
bool get wantKeepAlive=>true;
@override
Widget build(BuildContext context) {
return Container(
width: window.physicalSize.width,
height: window.physicalSize.height,
child: Stack(
children: <Widget>[
Image.network('http://www.ecobentech.com/images/${widget.index}.jpg',fit: BoxFit.cover,width: window.physicalSize.width,),
Positioned(
top: 200,
left: 60,
child: ActionChip(label: Text('$count'), onPressed:(){
setState(() {
count++;
});
}),
)
],
),
);
}
}
标签:状态,index,tabController,dart,PageViewWidget,保持,override,extends,页面
来源: https://www.cnblogs.com/braveheart007/p/10841557.html
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。