Flutter TabBar设置initialIndex=1后TabBarView仍显示首页如何解决

实现Flutter版WhatsApp克隆页面时，已给TabController设置initialIndex: 1，期望应用启动默认展示聊天列表页，但实际启动后：

• TabBar的CHAT选项卡显示为选中状态
• 下方TabBarView却展示索引为0的相机页面内容
  二者状态不同步。

这是Flutter部分版本中Tab组件首次渲染的时序问题：AppBar内的TabBar先完成挂载、读取了initialIndex更新选中状态，但此时TabBarView还未完成渲染，没有同步到控制器的初始索引值，最终出现选中标签和展示页不匹配的问题。另外代码开头导入的dart:ffi是用于原生C/C++接口调用的库，当前业务完全没用到，属于冗余导入，不会直接导致该问题但建议一并清理。

1. 删除文件开头冗余的import 'dart:ffi';导入
2. 修改initState逻辑，在首帧渲染完成后主动触发一次Tab位置同步，保证TabBar和TabBarView状态一致，修改后的initState代码如下：

@override
void initState(){
  super.initState();
  _tabcontroller = TabController(length: 4, vsync: this, initialIndex: 1);
  // 首帧渲染完成后同步tab位置，解决初始状态不同步问题
  WidgetsBinding.instance.addPostFrameCallback((_) {
    _tabcontroller.animateTo(1);
  });
}

3. 全量重启应用（不要用热重载，热重载不会重新执行initState生命周期），即可看到启动后默认正常展示CHAT聊天页面。

import 'package:flutter/material.dart';
import 'package:whatsapp_clone/chatScreen.dart';

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

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin{
  late TabController  _tabcontroller;
  @override
  void initState(){
    super.initState();
    _tabcontroller=TabController(length: 4, vsync: this, initialIndex: 1);
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _tabcontroller.animateTo(1);
    });
  }
  @override
  void dispose(){
    _tabcontroller.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor:  Color(0xff075E54),
        title: const Text('Whatsapp Clone'),
        actions: [
          IconButton(onPressed: (){}, icon: const Icon(Icons.search)),
          PopupMenuButton(onSelected: (value){print(value);},
            itemBuilder: (BuildContext context){
              return [
                PopupMenuItem(child: Text('New Group'),value: 'New Group'),
                PopupMenuItem(child: Text('New Broadcast'),value: 'New Broadcast'),
                PopupMenuItem(child: Text('Whatsapp web'),value: 'Whatsapp web'),
                PopupMenuItem(child: Text('Starred messages'),value: 'Starred messages'),
                PopupMenuItem(child: Text('Settings'),value: 'Settings')
              ];
            }
          ),
        ],
        bottom: TabBar(
          controller: _tabcontroller,
          tabs: const [
            Tab(icon: Icon(Icons.camera_alt)),
            Tab(text:'CHAT'),
            Tab(text: 'STATUS'),
            Tab(text: 'CALLS')
          ],
          indicatorColor: Colors.white,
        ),
      ),
      body: TabBarView(controller: _tabcontroller,
        children: const [
          Text('camera'),
          ChatPage(),
          Text('status'),
          Text('calls')
        ],
      ),
    );
  }
}

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