垂直窗口 TabBar 菜单和颤动中的动画指示器

Posted

技术标签:

【中文标题】垂直窗口 TabBar 菜单和颤动中的动画指示器【英文标题】:Verticals windows TabBar Menu and animated indicator in flutter 【发布时间】:2021-11-03 18:18:39 【问题描述】:

我想知道如何使这种菜单在每个菜单项上移动且位于分隔符上的指示器随动摇。

谢谢!

【问题讨论】:

似乎它在堆栈上使用动画位置 @YeasinSheikh 我如何跟踪当前选定元素上的指标?请注意,它的工作方式类似于 TabBar 小部件指示器 您可以使用LayoutBuilder来分离屏幕,创建视图。并基于 tap(selectedItem) 显示动画。 IndexedStackpageViewBuilder 也可以用作正确的部分 我会根据您的回答尝试并跟进,再次感谢 【参考方案1】:

我尝试了一种可行但对设备大小不敏感的方法,看看这个 https://dartpad.dev/?id=6ef0d738ca732aab0f45c92d3390310f&null_safety=true

【讨论】:

哇,谢谢你的帮助,我会用你的例子来理解它是如何工作的,然后再试一次,非常感谢

以上是关于垂直窗口 TabBar 菜单和颤动中的动画指示器的主要内容,如果未能解决你的问题,请参考以下文章

当新页面被推入颤动时如何隐藏本机Tabbar?

搜索页面上的颤动动画文本字段

颤动的 TabBarView 不会被 TabController 改变

如何垂直动画菜单选项卡?

每次当前选项卡在 TabBar 颤动中更改时,如何将新页面添加到导航器堆栈?

如何制作这个 Flutter Page 幻灯片指示器?