小编Dis*_*era的帖子

我是颤振新手，我正在使用英雄小部件为浮动按钮制作动画。

我有底部导航，我必须使用选项卡导航器打开页面。但英雄动画不起作用。

我使用了所有可能的解决方案，但英雄动画仍然不适用于页面路由。

这是我的代码片段。

FloatingActionButton(
          onPressed: () {
            _selectTab(TabItem.Floating);
          },
          child: Icon(Icons.add),
          heroTag: "tag",
        ),

这是点击 fab 按钮打开新页面

 void _selectTab(TabItem tabItem) {
    if (tabItem == currentTab) {
      // pop to first route
      _navigatorKeys[tabItem].currentState.popUntil((route) => route.isFirst);
    } else {
      setState(() => currentTab = tabItem);
    }
  }

在导航器中

 @override
  Widget build(BuildContext context) {
    var routeBuilders = _routeBuilders(context);
    return Navigator(
        observers: [
          HeroController(),
        ],
        key: widget.navigatorKey,
        initialRoute: TabNavigatorRoutes.root,
        onGenerateRoute: (routeSettings) {
          return PageRouteBuilder(
              transitionDuration: Duration(seconds: 1),
              pageBuilder: (_, __, ___) =>
                  routeBuilders[routeSettings.name](context));
        }); …

我想制作一个圆形的指示器，如下图所示。

我为它尝试了很多，但我不能让它像设计一样形状。

还告诉我如何使用颤振制作分段可扩展的列表视图？ 列表视图的设计