Flutter -TabBar的第一个选项卡位置不正确

rnmwe5a2  于 2023-06-24  发布在  Flutter
关注(0)|答案(1)|浏览(148)

在Appbar中使用Tabs时,我们发现在启动应用程序的发布版本后,第一个选项卡的一半文本标签在屏幕之外(最初只有一半可见)。

    • 仅在发布版本中发生**。在调试模式下,其显示正确。

不确定我们是做错了什么,还是实际上是一个bug!

    • 应用程序启动后发布apk的屏幕截图(未正确渲染)**


    • 应用启动后调试apk截图(渲染正常)**

这是我们使用的代码。。

import 'package:flutter/material.dart';

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

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

n53p2ov01#

这实际上是Flutter过去版本中出现的一个bug。如GitHub issue ticket中所述,在Flutter版本www.example.com上特别观察到该问题0.10.1-pre.108。
解决方案也提供了在票这是升级到较新的版本或最新版本。
升级最新的flutter sdk,解决了
这是由Flutter团队验证的:

HansMuller于2019年4月19日发表评论

基于#23339(评论),我将关闭此问题。如果还有问题,请重新打开。
在撰写本文时,最新的Flutter版本是3.10,今年5月是launch in Google I/O 2023

相关问题