在Appbar中使用选项卡时,我们发现启动应用程序的发布版本后,第一个选项卡的文本标签的一半在屏幕外(最初只有一半可见)。
它仅在发行版中发生。在调试模式下,其显示正确。
不确定我们是在做错什么还是实际上是一个错误!
应用启动后发布的APK的屏幕截图(显示不正确)
here。
应用启动后调试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),
],
),
),
),
);
}
}