Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Flutter DefaultTabController 获取当前索引

Flutter DefaultTabController 获取当前索引

作者头像
IT晴天
发布于 2020-01-15 08:28:55
发布于 2020-01-15 08:28:55
2.8K00
代码可运行
举报
文章被收录于专栏:ionic3+ionic3+
运行总次数:0
代码可运行

获取当前索引,可以看这个链接,涵盖多种方式:

how-to-get-current-tab-index-in-flutter

其中点赞数最多的方式是使用TabController,然而它对我不太适用,因为我的某个需求,选项卡是动态生成的,而TabController初始化需要固定的length。

而其它方法也不太好,我最后用下面新的方式实现:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
List<TabModel> _tabs = [];  // 动态选项卡

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: _tabs.length,
      child: Scaffold(
          key: _scaffoldKey,
          ...
      )
  )}

然后利用下面方式获取索引:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
DefaultTabController.of(_scaffoldKey.currentState.context).index;
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter开发实战分析-pesto_demo解析
以下代码基本参考于 flutter_gallery中的pesto_demo示例。(可以结合本文看源码)
deep_sadness
2018/08/30
2.4K0
Flutter开发实战分析-pesto_demo解析
Flutter 自定义 TabBar
TabBar常用于放在AppBar中,以标签页的形式展示同一个页面不同内容的主题标签。
越陌度阡
2020/12/29
3.2K0
【Flutter】顶部导航栏实现 ( Scaffold | DefaultTabController | TabBar | Tab | TabBarView )
Flutter 中的 Scaffold 组件实现了基础的材料设计 ( Material Design ) 可视化布局结构 ;
韩曙亮
2023/03/29
3K0
【Flutter】顶部导航栏实现 ( Scaffold | DefaultTabController | TabBar | Tab | TabBarView )
Flutter 构建完整应用手册-设计基础知识 顶
这本食谱包含演示如何在写Flutter应用程序时解决常见问题的食谱。 每个配方都是独立的,可以作为参考帮助您构建应用程序。
南郭先生
2018/08/14
7.3K0
Flutter 构建完整应用手册-设计基础知识
                                                    顶
Flutter实现顶部导航栏功能
在这里只写顶部导航栏的实现,底部的可以参照我之前的文章 tabbar导航栏的实现
明知山
2020/09/03
2.2K0
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。
andy2018
2025/02/07
1690
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
flutter:禁用 tabbar手势教程
在手机上,tabbar是很常见的导航方式,在flutter中我们通过TabBar、TabController和TabBarView轻松实现效果。
用户1974410
2022/09/20
1.5K0
flutter:禁用 tabbar手势教程
[Flutter]使用顶部切换导航TabBar
目前移动开发tab切换是一个很通用的功能,Flutter 通过Material 库提供了很方便的API来使用tab切换。
吴老师
2018/09/05
6.4K0
[Flutter]使用顶部切换导航TabBar
13.Flutter学习之路AppBar实现顶部tab
接下来我们来看一下我们的如何使用DefaultTabController+Tab+AppBar实现顶部Tab 使用DefaultTabController时,我们应该注意的是,需要将其放在MaterialApp里,Scaffold的外层。
易帜
2022/02/09
1.5K0
13.Flutter学习之路AppBar实现顶部tab
Flutter跨平台移动端开发
constrainedBox 可以给子 widget 添加更多约束条件。与 sizedBox 同通过 renderConstrainedBox 绘制
码脑
2019/05/25
3K0
Flutter入门(四)
自定义的好处是可以在addListener中增加监听,通过setState修改状态
用户3112896
2019/12/27
1.5K0
Flutter可滑动组件
移动端数据量比较大时,一般都是通过列表来进行展示的,比如商品数据、聊天列表、通信录、朋友圈等。
白白白小艾
2022/03/24
7.4K0
Flutter | 容器组件
EdgeInsetsGeometry 是一个抽象类,开发中,我们一般都使用 EdgeInsets 类,他是 EdgeInsetsGeometry 的子类,定义了一下设置填充的方法
345
2022/02/11
5.7K0
Flutter | 容器组件
Flutter中的AppBar、TabBar和TabController——顶部切换栏是如何实现的
实际上,AppBar 这个组件有许多的属性,我们通过这些属性,可以用来定义顶部导航栏的各种样式。下面我将为你一一说明这些属性的作用:
拉维
2019/08/23
11.3K0
[译]Flutter学习笔记:BottomNavigationBar实现多个Navigation
最近我研究了一下Flutter,但是在使用Navigator的时候遇到了一个很头痛的问题,就是当我们去来回切换导航按钮时,Flutter会重新build,从而导致控件重新Build,从而会失去浏览历史。这个体验肯定是不好的,后来看到了这个文章,终于解决了这个问题。 原文点这里
JarvanMo
2018/09/06
4.5K0
[译]Flutter学习笔记:BottomNavigationBar实现多个Navigation
Flutter完整开发实战详解(二、 快速开发实战篇)
 作为系列文章的第二篇,继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后,本篇将为你着重展示:如何搭建一个通用的Flutter App 常用功能脚手架,快速开发一个完整的 Flutter 应用。
GSYTech
2018/08/11
5.1K0
Flutter完整开发实战详解(二、 快速开发实战篇)
Flutter | 和小老弟一起玩转Widget
你可以理解为在Flutter中一切都可以通过组合的方式实现,对于我们开发者,只需声明,或者说告诉框架这个组件是什么,它要怎么显示,携带了哪些参数,而Widget 就是用来帮你承载配置的东西。
Petterp
2022/02/09
9420
Flutter | 和小老弟一起玩转Widget
超过百万的StackOverflow Flutter 问题
老孟导读:今天分享StackOverflow上高访问量的20大问题,这些问题给我一种特别熟悉的感觉,我想你一定或多或少的遇到过,有的问题在stackoverflow上有几十万的阅读量,说明很多人都遇到了这些问题,把这些问题整理分享给大家,每期20个,每隔2周分享一次。
老孟Flutter
2020/09/11
2.3K0
Flutter | 基础Widget
在 Fluter 中,几乎所有的都是一个 widget ,与原生开发不同的是,widget 的范围更加广阔,他不仅可以表示 UI 元素,也可以表示一些功能的组件,如手势检测的 widget,用于主题数据传递的 Theme 等等。所以,在大多数时候,可以认为 widget 就是一个控件,不必纠结于概念
345
2022/02/11
1.3K0
Flutter | 基础Widget
Flutter 入门指北之快速搭建界面(含Flutter知识体系)
完整版脑图,后台回复 “Flutter” 关键字,关注 码个蛋(codeegg)会持续更新本系列文章.
陈宇明
2020/12/16
1.8K0
相关推荐
Flutter开发实战分析-pesto_demo解析
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验