通过应用程序在导航上动态更改Appbar内容？

Question

我的应用程序中有导航，但是我想动态更改Appbar标题，具体取决于当前显示的页面。 主要问题是，我正在使用tabbarview来显示主要页面，但我也可以进入某些子页面。该部分现在正常工作，但是我不知道，我如何根据显示的页面 /子页面进行APPBAR更改

是主类，它保存Appbar：

class AppView extends StatefulWidget {
  const AppView({Key? key}) : super(key: key);

  @override
  State<AppView> createState() => _AppViewState();
}


class _AppViewState extends State<AppView> with TickerProviderStateMixin{

  late TabController _controller;

  @override
  void initState(){
    super.initState();
    _controller = TabController(length: 6, vsync: this);
    _controller.addListener(() {
      if(navKey.currentState!.canPop()){
        navKey.currentState!.pop();
      }
    });
  }


  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        if(navKey.currentState!.canPop()) {
          navKey.currentState!.pop();
        }
        return false;
    },
      child: Scaffold(
        appBar: AppBar(
          title: HeadLine(
            "Test",
            color: white,
          ),
        ),
          body: Navigator(
            key: navKey,
            onGenerateRoute: (_) => MaterialPageRoute(
              builder: (_) => TabBarView(
              controller: _controller,
              physics: NeverScrollableScrollPhysics(),
              children: [
                HomeScreen(),
                ChatOverviewScreen(),
                ForumOverviewScreen(),
                CalendarScreen(),
                GroupScreen(),
                ProfileScreen()
              ],
            )
            ),
          ),
      bottomNavigationBar: BottomBar(
        controller: _controller,
      )),
    );
  }
}

用于测试，目前只有一个按钮在以下页面之一上调用一个子页面：

class ChatOverviewScreen extends StatelessWidget {
  const ChatOverviewScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Center(
      child: PrimaryButton(
        text: "Do Stuff",
        onPressed: () {
          navKey.currentState!.push(ChatDetailScreen.route());
        },
      ),
    );
  }
}

Navkey通过Basicaly在我的主文件中设置为全局变量，

final GlobalKey<NavigatorState> navKey = GlobalKey<NavigatorState>();

我想设置Appbar的标题，具体取决于显示哪个页面 /子页面，当它是子页面时，应该在也是箭头的箭头。

Answer 1

您应该做这样的事情：

Widget _buildAppBarTitle(int index) {
  String title = '';

  switch (index) {
    case 0:
      title = 'YOUR TITLE';
      break;
    ... other case...
  }
  return Text(title);
}

Scaffold(
  appBar: AppBar(
    title: _buildAppBarTitle(_currentIndex),
  ),
  body: Navigator(
    ...
  ),
  bottomNavigationBar: BottomNavigationBar(
    onTap: (index) {
      setState(() {
        _currentIndex = index;
      });
    },
    currentIndex: _currentIndex,   
    items: [...],
  ),
)

您可以使用ENUM来识别页面，此外，您可以使用某些州经理。
flutter状态管理