Flutter问题：点击其他Tab的TextField时，Tab导航自动切回首个Tab

问题现象 #

点击ProfileTab中的TextField时，页面自动跳转到BrowseTab，和Stack Exchange上用户遇到的问题一致，但其自答解决方案难以理解，故整理如下。

问题根源分析 #

1. 错误的状态管理：你的Tab_Controller将currentIndex作为widget参数传递，而StatefulWidget的widget属性是不可变的，直接修改widget.currentIndex不符合Flutter状态管理规范，无法持久化状态。
2. 父组件重建重置索引：StartScreen是StatelessWidget，当TextField获取焦点触发界面重建时，StartScreen的build方法会重新执行，此时若用户已登录，会重新创建Tab_Controller(currentIndex: 0)，导致Tab索引被强制重置为0。

解决方案 #

步骤1：让Tab控制器自身维护选中状态 #

将currentIndex从Tab_Controller的widget参数移到其State类内部，作为可变状态管理：

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

  @override
  State<TabController> createState() => _TabControllerState();
}

class _TabControllerState extends State<TabController> {
  // 内部维护当前选中的Tab索引
  int _currentIndex = 0;
  final screens = [
    BrowseTab(),
    RequestsTab(),
    PostTabDesign(),
    ChatRoom(),
    ProfileTab()
  ];

  @override
  Widget build(BuildContext context) => Scaffold(
        body: screens[_currentIndex],
        bottomNavigationBar: BottomNavigationBar(
          iconSize: 20,
          backgroundColor: kPrimaryColor_MatiesMaroon,
          showSelectedLabels: false,
          showUnselectedLabels: false,
          selectedItemColor: const Color.fromRGBO(183, 153, 98, 1),
          type: BottomNavigationBarType.fixed,
          currentIndex: _currentIndex,
          onTap: (index) => setState(() => _currentIndex = index),
          items: const [
            BottomNavigationBarItem(
                icon: Icon(Icons.shopping_cart),
                label: "Browse",
                backgroundColor: Colors.transparent),
            BottomNavigationBarItem(
                icon: Icon(Icons.question_mark),
                label: "Requests",
                backgroundColor: Colors.transparent),
            BottomNavigationBarItem(
                icon: Icon(Icons.add),
                label: "Post",
                backgroundColor: Colors.transparent),
            BottomNavigationBarItem(
                icon: Icon(Icons.chat_bubble_outline),
                label: "Chats",
                backgroundColor: Colors.transparent),
            BottomNavigationBarItem(
                icon: Icon(Icons.person),
                label: "Profile",
                backgroundColor: Colors.transparent)
          ],
        ),
      );
}

步骤2：修改StartScreen避免重置索引 #

移除Tab_Controller的currentIndex参数传递，让Tab控制器自身初始化默认索引：

class StartScreen extends StatelessWidget {
  bool isLoading = false;

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    if (FirebaseAuth.instance.currentUser != null) {
      // 不再硬编码currentIndex，使用TabController自身的默认值
      return const TabController();
    }
    return Material(... // 保留原未登录界面代码
  }
}

原问题解决方案核心解释 #

原Stack Exchange用户的解决方案本质也是将Tab的选中状态从父组件移到Tab控制器内部维护，避免父组件重建（如TextField焦点变化触发的重建）时重置Tab索引。这种方式符合Flutter状态管理原则：状态应由最接近使用它的组件维护，避免外部不必要的干扰。

内容的提问来源于stack exchange，提问作者ZOfficial