可滚动的TabBar在首次启动时会切断第一项

Question

我有一个可滚动的TabBar，并且在调试模式下可以正常工作。一旦我在Android设备上创建了版本，TabBar的滚动位置就会开始滚动一点，将第一个选项卡切成两半。您可以手动向后滚动，并且切换选项卡会自动将其滚动回到正确的位置。这仅在应用程序最初启动时发生。

屏幕截图：https://i.imgur.com/JWrf6ty.jpg

import 'package:flutter/material.dart';

void main() {
  runApp(TabBarDemo());
}

class TabBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 9,
        child: Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              isScrollable: true,
              tabs: [
                Tab(text: 'Test Tab 1'),
                Tab(text: 'Test Tab 2'),
                Tab(text: 'Test Tab 3'),
                Tab(text: 'Test Tab 4'),
                Tab(text: 'Test Tab 5'),
                Tab(text: 'Test Tab 6'),
                Tab(text: 'Test Tab 7'),
                Tab(text: 'Test Tab 8'),
                Tab(text: 'Test Tab 9')
              ],
            ),
            title: Text('Tabs Demo'),
          ),
          body: TabBarView(
            children: [
              Icon(Icons.directions_car),
              Icon(Icons.directions_transit),
              Icon(Icons.directions_bike),
              Icon(Icons.directions_car),
              Icon(Icons.directions_transit),
              Icon(Icons.directions_bike),
              Icon(Icons.directions_car),
              Icon(Icons.directions_transit),
              Icon(Icons.directions_bike),
            ],
          ),
        ),
      ),
    );
  }
}