最近在学习开发Flutter应用项目,在创建tabbar和tabview后,进行网络请求后显示顶部tab标签,设置TabController,并使class类实现SingleTickerProviderStateMixin,代码如下

class _TravelPageState extends State<TravelPage> with SingleTickerProviderStateMixin{TabController _tabController;TravelTabModel travelTabModel;List<TravelTab> tabs = [];@overridevoid 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

修改完成后,重新运行项目即可。

欢迎关注我的公众号:君伟说,定期推送实用技术文章。

Flutter使用SingleTickerProviderStateMixin报错相关推荐

  1. `flutter build aar 报错:Because xxx requires SDK version >=2.16.1<3.0.0,version solving failed pub get

    项目场景: flutter build aar 报错:Because xxx requires SDK version >=2.16.1<3.0.0,version solving fai ...

  2. flutter upgrade升级报错

    升级flutter SDK: 报错如下 D:\diskWork\androidStudiop\yzz_flutter_app>flutter upgrade ProcessException: ...

  3. 【错误记录】发布 Flutter 插件包报错 ( ‘gmail.com‘ has insufficient permissions to upload new versions of package)

    文章目录 一.报错信息 二.解决方案 一.报错信息 推送 Flutter 包到中央仓库 , 第一次推送报错 , D:\002_Project\002_Android_Learn\flutter_pac ...

  4. 【错误记录】发布 Flutter 插件包报错 ( Failed to upload the package.pub finished with exit code 1 )

    文章目录 一.报错信息 二.解决方案 一.报错信息 发布插件包 , 确认发布 , 校验了 Google 账号 , 之后报错如下 : Failed to upload the package. pub ...

  5. 【错误记录】发布 Flutter 插件包报错 ( It‘s strongly recommended to include a “homepage“ or “repository“ field )

    文章目录 一.报错信息 二.解决方案 一.报错信息 发布 Flutter 插件包到中央仓库前 , 先执行 flutter packages pub publish --dry-run 命令 , 检查插 ...

  6. flutter ios打包_关于Flutter iOS打包报错的问题

    今天升级Xcode之后,使用打包机打iOS包的时候,报了一个错,报错的信息如下: note: Using new build systemnote: Building targets in paral ...

  7. Flutter踩坑之flutter doctor --android-licenses报错

    首先命令行键入flutter doctor命令检查你的环境,你可能会遇到以下问题: 执行完以上命令命令行会提示你执行flutter doctor --android-licenses命令来解决此问题. ...

  8. Flutter开发:运行flutter upgrade命令报错Exception:Flutter failed to create a directory at…解决方法

    前言 在Flutter开发中,经常会遇到因为更新而引起的报错,而且最近两年Flutter不断完善和更新的速度越来越快,这就需要Flutter相关的开发者时刻保持不断学习的心态,来应对在Flutter开 ...

  9. Flutter开发:报错The following assertion was thrown resolving an image codec:Unable to…的解决方法

    前言 在Flutter开发中,经常会遇到一些稀奇古怪的的报错,比如版本更新之后会报错.文件没有导入会报错.第三方插件版本不一致的报错等等,而且最近几年Flutter不断完善和更新的速度越来越快,这就需 ...

最新文章

  1. CNCF接纳Harbor为沙箱项目
  2. 机器学习 不均衡数据的处理方法
  3. java正则测试_Java的正则表达式
  4. 深度学习在CTR预估的应用
  5. 关于字符串 --java
  6. 数据结构 --- 堆
  7. 网络——提交表单数据(post方式)
  8. java 并发锁_Java并发教程–重入锁
  9. 抖音计算机音乐你要我,抖音你要我怎么做是什么歌 抖音你要我怎么做怎么说才能爱我歌曲介绍...
  10. CV中的经典网络模型
  11. 入门机器学习(十六)--降维(PCA算法)
  12. Model和ViewModel之间的通用MVVM数据交换
  13. 胡明浩 160809313 (我就会三个)
  14. Java基础:List集合和Set接口
  15. iPhone应用程序的启动过程
  16. wsdl文件 服务器地址,webservice 的wsdl文件详解
  17. JDK动态代理(介绍理解,如何实现)
  18. Socket通讯--数据结构WSADATA
  19. 微信小店二次开发_微信小店二次开发功能套餐列表
  20. 五行代码实现MD5加密(超级简单,一看就会)

热门文章

  1. 手撕图机器学习,图神经网络
  2. 机器学习算法(7)—— 朴素贝叶斯算法
  3. matlab实现余弦相似度_MATLAB在图像相似度分析中的应用
  4. Ubuntu18.04与Win10共享文件
  5. Pytorch:循环神经网络与文本预处理
  6. 功能测试技术--正交试验法及其他
  7. SQL中的五种数据类型
  8. H5播放器使用方法。
  9. ixwebhosting上如何自定义php配置(php.ini)
  10. 增值税和企业所得税的计算