Flutter:如何将可访问性重点放在景观模式上?
我正在为正在研究的项目上解决一个可访问性问题。 我无法向您展示代码,因为该项目位于NDA下,但幸运的是(或不)该问题在Flutter Template项目(计数器一个)上可复制。




当应用程序处于肖像模式,谈话式和可访问性时,专注于预期的工作。 (图1和2)
相反,在景观模式下,对讲机按预期工作,但可访问性焦点具有左填充。这样,绿色框无法正确包装组件,并且通常在Fab上无法使用双水龙头手势。 (图3、4和视频)。
这是flutter Doctor
命令的输出:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.0, on macOS 11.6.1 20G224 darwin-x64, locale en-IT)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.1)
[✓] VS Code (version 1.66.0)
[✓] Connected device (4 available)
[✓] HTTP Host Availability
您知道如何修复它吗?
I'm struggling with an accessibility issue on a project which i'm working on.
I can't show you the code because the project is under NDA, but fortunately (or not) the issue is replicable on the Flutter template project (the counter one).
When the app is in portrait mode, the TalkBack and the accessibility focus work as expected. (image 1 and 2)
Instead, on landscape mode, the TalkBack work as expected, but the accessibility focus has a left padding. In this way, the green box doesn't wrap correctly the components and often the double tap gesture doesn't work on the FAB. (image 3, 4 and video).
This is the output of flutter doctor
command:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.0, on macOS 11.6.1 20G224 darwin-x64, locale en-IT)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.1)
[✓] VS Code (version 1.66.0)
[✓] Connected device (4 available)
[✓] HTTP Host Availability
Do you know how is it possible to fix it?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论