简体繁体 English

在 flutter 应用程序中将屏幕旋转到横向模式后，标签栏未显示其子项

[英]Tab bar is not showing its child after rotate the screen to landscape mode in flutter application

原文 2020-07-07 16:44:43 8 2 android/ ios/ flutter/ flutter-layout

I am implementing Tabbar in my application so I have started to learn from dart documentation .我正在我的应用程序中实现 Tabbar，所以我开始从 dart文档中学习。

I have tried to run the code provided in the documentation and it is working fine but when I rotate the screen to landscape mode the child of the tab is not displaying.我尝试运行文档中提供的代码，它工作正常，但是当我将屏幕旋转到横向模式时，选项卡的子项没有显示。

There are 3 tabs on the screen, go to the 3rd tab and rotate the screen to landscape mode, The tab view of the 3rd tab is not getting display but if I tap on anywhere on the screen then it is getting slide on the screen.屏幕上有 3 个选项卡，go 到第 3 个选项卡并将屏幕旋转到横向模式，第 3 个选项卡的选项卡视图没有显示，但是如果我点击屏幕上的任何位置，它就会在屏幕上滑动。

What should the issue that is causing it?导致它的问题应该是什么？ Is this an issue with the flutter SDK or I am doing something wrong.这是 flutter SDK 的问题还是我做错了什么。

Screenshot for the reference -截图供参考 -

Tabs on portrait mode纵向模式选项卡

Tabs after landscape mode横向模式后的选项卡

Content is getting displayed after taping on the screen点击屏幕后显示内容

2 个解决方案

I've also faced this same issue.我也遇到过同样的问题。 This happens only at the last time of the index - when changing the mobile from portrait mode to landscape mode.这仅在索引的最后一次发生 - 将移动设备从纵向模式更改为横向模式时。 If anyone facing the same issue.如果有人面临同样的问题。 Please file a bug in a flutter.请在 flutter 中提交错误。

In LandScape Mode在横向模式下

In Portrait Mode在纵向模式下

Thank you.谢谢你。

Try switching over to the flutter stable channel.尝试切换到 flutter 稳定通道。

Though it is a bug with dev, that will fix your build.尽管这是开发人员的错误，但它会修复您的构建。 I just ran into this issue.我刚遇到这个问题。