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

时间:2019-01-05 15:11:32

标签: android flutter

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

它仅在发行版中发生。在调试模式下,其显示正确。

不确定我们是在做错什么还是实际上是一个错误!

应用启动后发布的APK的屏幕截图(显示不正确)

here

应用启动后调试apk的屏幕截图(正确呈现)

build apk having issue

这是我们正在使用的代码...

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),
            ],
          ),
        ),
      ),
    );
  }
}

0 个答案:

没有答案