在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),
],
),
),
),
);
}
}
1条答案
按热度按时间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。