最近在學習開發Flutter應用項目,在創建tabbar和tabview后,進行網絡請求后顯示頂部tab標簽,設置TabController,並使class類實現SingleTickerProviderStateMixin,代碼如下
class _TravelPageState extends State<TravelPage> with SingleTickerProviderStateMixin{
TabController _tabController;
TravelTabModel travelTabModel;
List<TravelTab> tabs = [];
@override
void initState() {
_tabController = TabController(length: 0, vsync: this);
TravelTabDao.fetch().then((TravelTabModel model){
print(model);
_tabController = TabController(length: model.tabs.length, vsync: this);
setState(() {
tabs = model.tabs;
travelTabModel = model;
});
}).catchError((e){
print(e);
});
super.initState();
}
運行代碼后模擬器沒有顯示tab標簽文字,且報如下錯誤
flutter: is a SingleTickerProviderStateMixin but multiple tickers were created.
A SingleTickerProviderStateMixin can only be used as a TickerProvider once.
If a State is used for multiple AnimationController objects, or if it is passed to other objects and those objects might use it more than one time in total, then instead of mixing in a SingleTickerProviderStateMixin, use a regular TickerProviderStateMixin.
如上報錯,原因是多個地方調用setState請求重繪,但是state使用的是SingleTickerProviderStateMixin ,將其改成TickerProviderStateMixin即可。
將上述代碼進行修改如下:
class _TravelPageState extends State<TravelPage> with SingleTickerProviderStateMixin
修改為:
class _TravelPageState extends State<TravelPage> with TickerProviderStateMixin
修改完成后,重新運行項目即可。